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

标签 html css scrollbar

首先,看看这张图片来理解我所说的 slider 的意思: enter image description here

问题:

假设我有一个带有 height:50% 的可滚动 div,内容是一些行,所以当窗口全屏显示时,我不会看到这样的滚动条: enter image description here

但是如果我调整浏览器窗口的大小,滚动条将是这样的: enter image description here

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

我不想用 JavaScript 来实现,因为我已经在使用它了 在同一个 div 上的其他一些东西中(用户有能力 滚动应用程序而不强制他在有更新时下降 ....),我的元素是一个聊天室

最佳答案

与我在上面读到的相反,这可以在没有 JS/JQ 的情况下轻松实现。

在DIV底部创建一个 anchor

<div id='thediv'>
Your content here
<a id='bottom'>here at the bottom</a>
</div>

然后链接到它/调用它/将它添加到您的刷新、正文加载等...

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

或者在上一页

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

..等等。基本示例:

https://jsfiddle.net/gguajng6/

关于html - 如何让一个div的scrollBar Slider默认在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39700764/

相关文章:

Html 5 canvas getElementById() 返回 null/undefined

Silverlight 3 缺少 ScrollViewer.ScrollChanged 事件解决方法?

css - 如何将垂直滚动条添加到 div 的一部分,同时保持两个滚动条控件可见?

javascript - 如何在javascript中获取浏览器滚动条的高度

javascript - 获取指定元素的总宽度,包括边距和填充

css - Bootstrap - 为 4 列表定义 Css

html - 粘性页脚不适用于绝对位置

html - Bootstrap 在输入组 div 中包装内容

java - 是否可以将 replaceAll() 与通配符一起使用

html - 响应式容器太小时不在彼此之间