使用jquery自动滚动到页面底部

时间:2009-12-27 19:32:20

标签: jquery

如何使用jquery自动滚动到页面底部,因为我要求xmlhttp更新页面内容

8 个答案:

答案 0 :(得分:49)

这适用于所有情况,不需要在其中加上“荒谬”的数字:

$(document).scrollTop($(document).height());

答案 1 :(得分:18)

涵盖所有情况: 考虑滚动溢出的div,其中height与scrollHeight不同。 (如果不需要,请删除动画部分):

$('#myDiv').animate({
    scrollTop: $('#myDiv').get(0).scrollHeight
}, 1500);

答案 2 :(得分:2)

就我而言:

 myscroll = $('#myDiv');
  myscroll.scrollTop(myscroll.get(0).scrollHeight);

答案 3 :(得分:1)

答案 4 :(得分:1)

function scroll(){
  $('html, body').animate({
    scrollTop: $("#footerOfPage").offset().top
  }, 0);
}

答案 5 :(得分:1)

此代码对我有用:-

jQuery("html, body").animate({ scrollTop: jQuery(window).height()}, 1500);

答案 6 :(得分:0)

使用jquery(最佳)自动滚动到页面底部:

$(function () {
           $("html, body").animate({
scrollTop: $('html, body').get(0).scrollHeight}, 1000);});

Demo

答案 7 :(得分:0)

很多scrollHeight实现对我来说都不起作用,offsetHeight好像可以解决这个问题。

很确定scrollHeight尝试将其移动到静态元素高度的底部,而不是可滚动区域的高度。

var pane = document.getElementById('pane');
pane.scrollTop = pane.offsetHeight;