默认情况下如何在底部制作div的scrollBar Slider

时间:2016-09-26 10:44:54

标签: html css scrollbar

首先,看看这张照片,了解滑块的含义: enter image description here

问题:

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

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

所以当你看到滚动条将自动停留在顶部时,这是我的问题,我希望它保持在底部(没有JavaScript)?

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

1 个答案:

答案 0 :(得分:1)

与我上面所读到的相反,没有JS / JQ就可以轻松实现。

在DIV底部创建一个锚点

<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/