javascript - 如何将滚动条始终保持在页面底部

Question

将滚动条始终保持在我使用的页面底部

$(document).ready(function() {

    $(function() {

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

它可以在 Firefox 中运行，但不能在 chrome 中运行。为什么它不能在 chrome 中工作，任何人都可以建议我将滚动条始终保持在页面底部的好解决方案。

谢谢你的帮助

Answer 1

如果您想在用户尝试向上滚动的情况下移回页面底部，您将需要在一段时间内调用您的函数。

$(document).ready(function() {

    function scrollBottom(){
        $("html, body").animate({ scrollTop: $(document).height() }, "fast");
    }

    setInterval(scrollBottom, 500);

});

您可以使用间隔来获得所需的 UI 交互性。

或者，您可以绑定到滚动事件，这将在用户滚动时触发。

$(document).ready(function() {

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

});