css - 在底部加载 div 框

Question

我正在处理一个项目，我需要在页面加载时让可滚动的 div 元素显示在底部。这意味着用户可以向上滚动以查看其余内容。我能想到的唯一方法是让 div 在页面加载时自动滚动到底部。但是由于加载时间对于这个项目很重要，我想找到另一个解决方案。有没有其他方法可以做到这一点，最好是像css这样的？谢谢！

score 4 · Accepted Answer

您可以使用 javascript 来获得此效果。它很快，因此您不必担心加载时间：

var yourDiv = document.getElementById('yourDivId');  
yourDiv.scrollTop = yourDiv.scrollHeight;

也有许多方法可以使用 jQuery 来实现这一点。这是一篇关于该主题的精彩博客文章：

score 0 · Accepted Answer

我不确定你需要什么，但也许是这样的：

#bottomDiv{
    position:fixed;
    bottom:0;
}

score 0 · Accepted Answer

没有javascript标签，所以在没有下载 css 文件之前隐藏元素怎么样（但这仅适用于第一次，然后将缓存 css 文件）

<div id="bottom" style="display: none;"></div>

CSS

#bottom {
    display: block !important;
    position: fixed;
    bottom: 0;
}

3 回答 3