jQuery滚动到页面的底部

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

我需要像ScrollTo这样的插件吗？ 或者是内置到jQuery中的一些如何？

Answer 1

你可以animation来通过animationscrollTop属性向下滚动页面，不需要插件，如下所示：

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

注意使用window.onload （当图像加载时，占用高度）而不是document.ready 。

为了在技术上正确，你需要减去窗口的高度，但上述工作：

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

---

要滚动到特定的ID，请使用.scrollTop() ，如下所示：

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

Answer 2

像这样的东西：

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

Answer 3

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

像这样简单，9999页高…大范围，所以它可以达到底部。

Answer 4

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

为我工作。 滚动到底部。

Answer 5

使用'document.body.clientHeight'你可以得到正文元素的可见高度

 $('html, body').animate({ scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height() }, 1000); 

这滚动ID“特定部门”

Answer 6

JS

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

Answer 7

在以前的答案中提到的脚本，如：

 $("body, html").animate({ scrollTop: $(document).height() }, 400) 

将无法在Chrome中 工作 ，并将在Safari 浏览器中跳跃，以防 CSS中的 html标签overflow: auto; 财产集。 花了我近一个小时才弄明白。

Answer 8

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

这个解决scheme为我工作。 它正在快速向下滚动页面。

Answer 9

你可以试试这个

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