jQuery滚动到页面底部

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

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

当前回答

你可以通过动画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);

其他回答

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

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

你可以试试这个

var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});

var pixelFromTop = 500;     
$('html, body').animate({ scrollTop: pixelFromTop  }, 1);

所以当页面打开时，它会在1毫秒后自动向下滚动

就像这样:

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

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

对我有用。卷轴到底。

推荐文章