在底部加载div box

Question

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

Answer 1

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

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

使用jQuery还有很多方法可以实现这一点。这是一篇关于这个主题的精彩博文：

jQuery Scroll To

Answer 2

我不太清楚你需要什么，但也许是这样的：

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

Answer 3

没有javascript标签那么在没有下载css文件之前隐藏元素怎么样（但这只是第一次工作，然后将css文件缓存）

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

CSS

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