jQuery滚动到页面底部

页面加载完成后。我希望jQUery能够很好地滚动到页面底部，动画速度很快，而不是快速/摇动。

我需要这样的插件ScrollTo吗？还是内置在jQuery中的一些方式？

您可以通过为scrollTop属性设置动画来向下滚动页面，无需插件，如下所示：

$(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);

像这样的东西：

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

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

如此简单，9999页高...很大的范围，因此可以到达底部。

你可以试试这个

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

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

为我工作。滚动到底部。

先前答案中提到的脚本，例如：

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

将无法工作在Chrome浏览器，并将于Jumpy在Safari浏览器 的情况下， html标签在CSS具有overflow: auto;属性集。我花了近一个小时才弄清楚。

使用“ document.body.clientHeight”，您可以获取主体元素的可见高度

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

滚动到id'particularDivision'

对于jQuery 3，请更改

$（window）.load（function（）{$（“ html，body”）。animate（{scrollTop：$（document）.height（）}，1000）;}）

至：

$（window）.on（“ load”，function（e）{$（“ html，body”）。animate（{scrollTop：$（document）.height（）}，1000）;}）

function scrollToBottom() {
     $("#mContainer").animate({ scrollTop: $("#mContainer")[0].scrollHeight }, 1000);
}

这是我的解决方案，您肯定会找到

js

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

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

这个解决方案对我有用。它正在快速向下滚动页面。

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

因此，打开页面时，它会在1毫秒后自动向下滚动