jQuery scrollTop不会滚动

Question

我在尝试使用javascript自动滚动时遇到了麻烦。 我的滚动区域是正文，我的js代码是

$("body").animate({scrollTop: $("#myDiv").position().top)

但我没有得到任何结果：没有动画也没有滚动 我也试过

$("body").scrollTop($("#myDiv").position().top);

并替换

$("body") with $(window).

任何提示？

Answer 1

scrollTop是一个jQuery方法，它获取或设置当前元素滚动条的偏移量，但没有动画。

您可能会对jQuery插件scrollTo感到困惑，因为它提供了您所需的功能。

你会像使用它一样;

$(window).scrollTo($('#myDiv');

Answer 2

scrollTop是一个javascript属性，您可以像以下一样使用它：

document.body.scrollTop = scrollValue;

或

$("body").get(0).scrollTop = scrollValue;

如果你想为滚动设置动画，那么有一个名为 jQuery ScrollTo 的插件，如果你想为滚动设置动画：

http://demos.flesler.com/jquery/scrollTo/

Answer 3

尝试以下代码，

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

Answer 4

注意：如果您启用了chrome：// flags / #enable-experimental-web-platform-features，则上面列出的插件将无效。这是一个众所周知的问题：https://github.com/flesler/jquery.scrollTo/issues/92