如何滚动到jQuery中的元素？

Question

我在JavaScript中完成了以下代码,将焦点放在特定元素上(branch1是一个元素),

document.location.href="#branch1";

但是因为我也在我的网络应用程序中使用jQuery,所以我想在jQuery中执行上面的代码.我试过但不知道为什么它不起作用,

$("#branch1").focus();

上面的jquery(focus())代码不适用于div,而如果我尝试使用textbox相同的代码,那么它的工作,

请告诉我,如何使用jQuery将重点放在div elemnt上？

谢谢!

Answer 1

对于我的问题这个代码工作,我不得不导航到页面加载上的锚标记:

$(window).scrollTop($('a#captchaAnchor').position().top);

就此而言,您可以在任何元素上使用它,而不仅仅是锚标记.

Answer 2

就像@ user293153我只是发现了这个问题而且似乎没有得到正确回答.

他的回答是最好的.但您也可以为元素设置动画.

$('html, body').animate({ scrollTop: $("#some_element").offset().top }, 500);

Answer 3

你可以像这样扩展jQuery功能:

jQuery.fn.extend({
scrollToMe: function () {
    var x = jQuery(this).offset().top - 100;
    jQuery('html,body').animate({scrollTop: x}, 500);
}});

然后:

$('...').scrollToMe();

简单 ;-)

Answer 4

检查jQuery.ScrollTo,我认为这是你想要的行为,请查看演示.