使视口粘到页面底部

Question

我想将视口修复到页面底部，因此当页面加载时，用户首先会看到页面底部而不是顶部。

这适用于消息传递屏幕，因此需要将用户固定到页面底部的最新消息，而不是顶部的旧消息。

Answer 1

您可以通过以下代码

使用jQuery实现此目的

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

并且只使用javascript即可使用

 window.onload = function(e) {
                window.scrollTo(0,document.body.scrollHeight);
            }

Answer 2

<a href="index.html#bottom">Home</a>

底部是您要关注的页面底部标记的 ID