jQuery scrollTop不滚动

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

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

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

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

并且还要替换

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

任何提示？

Answer 1

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

你可能会对jQuery插件scrollTo感到困惑，它提供了你所追求的function。

你会喜欢它;

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

Answer 2

scrollTop是一个javascript属性，你可以使用它：

 document.body.scrollTop = scrollValue; 

要么

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

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

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