jQuery滚动到页面底部

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

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

当前回答

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

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

其他回答

就像这样:

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

你可以试试这个

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

function scrollToBottom() {
     $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 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);

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;

推荐文章