如何让一个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>
..等等。基本示例:
首先,看看这张图片来理解我所说的滑块的意思:
问题:
假设我有一个带有 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>
..等等。基本示例: