jQuery滚动到页面底部

在我的页面完成加载后。我希望jQUery能够很好地滚动到页面的底部，快速生成动画，而不是一个快照/颠簸。

我需要像ScrollTo这样的插件吗?或者这是内置到jQuery的某种方式?

当前回答

就像这样:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);

其他回答

你可以通过动画scrollTop属性来向下滚动页面，不需要插件，像这样:

$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
});

注意window的用法。Onload(当图像加载时…占据高度)而不是文档。ready。

从技术上讲，你需要减去窗口的高度，但上面的方法是有效的:

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

要滚动到一个特定的ID，使用它的.scrollTop()，如下所示:

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);

$('html,body').animate({ scrollTop: 9999 }, 'slow');

就这么简单，9999页高…范围大，所以可以到达底部。

$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});

这个解决方案对我很有效。它正在快速滚动页面。

$("div").scrollTop(1000);

对我有用。卷轴到底。

就像这样:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);

推荐文章