Question

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

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

Answer 1

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

Answer 2

类似的东西：

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

Answer 3

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

就这么简单，9999页面高度......大范围，所以它可以到达底部。

Answer 4

你可以试试这个

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

Answer 5

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

适合我。滚动到底部。

Answer 6

使用＆＃39; document.body.clientHeight＆＃39;你可以看到身体元素的高度

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

这会滚动ID＆＃39; specialDivision＆＃39;

Answer 7

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

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

Chrome 中的

无效，如果 html标记 Safari 在 CSS 中设置了overflow: auto;属性。我花了将近一个小时才弄明白。

Answer 8

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

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

Answer 9

对于jQuery 3，请更改

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

收件人：

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

Answer 10

JS

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

Answer 11

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

这个解决方案对我有用。它正在快速进行Page Scroll Down。

jQuery Scroll到页面底部

11 个答案: