如何让一个div的scrollBar Slider默认在底部

How to make the scrollBar Slider of a div at the bottom by default

首先,看看这张图片来理解我所说的滑块的意思:

问题:

假设我有一个带有 height:50% 的可滚动 div 并且内容是一些行,所以当 window 全屏时我不会看到这样的滚动条:

但是如果我调整浏览器的大小 window 滚动条将是这样的:

正如您看到的那样,滚动条会自动停留在顶部,这是我的问题,我希望它停留在底部(没有 JavaScript)?

我不想使用 JavaScript 因为我已经在使用它了 在其他一些相同的 div 上(用户有能力 滚动应用程序而不强迫他在有更新时下降 ....), 我的项目是聊天室

与我在上面阅读的内容相反,无需 JS/JQ。

即可轻松实现此目的

在 DIV

的底部创建一个锚点
<div id='thediv'>
Your content here
<a id='bottom'>here at the bottom</a>
</div>

然后 link 到 it/call it/add 它到你的刷新,正文加载等...

<a href='#bottom'>Clicky</a>

或在上一页

<a href='chatroom.html#bottom'>Clicky</a>

..等等。基本示例:

https://jsfiddle.net/gguajng6/