我有一个非常小的 div,我想在其中容纳比它可以容纳的更多的文本,所以我想在它的右侧有垂直滚动条,就像通常的那样。如果我能自定义它的外观就好了。
我设法通过惰性搜索找到的大多数插件都是关于滚动动画和滚动到 DOM 的某个元素的,这不是我想要的。
固定 div 的高度,将其溢出-y 设置为滚动。http://jsfiddle.net/calder12/pBu8q/
CSS
.restricted{height:150px;overflow-y:scroll}
HTML
<div class="restricted">bunch of text that will make this box scroll</div>
当元素的内容溢出其内容框时,使用overflow: auto
或overflow: scroll
(overflow-x
或视情况而定)显示滚动条。overflow-y
阅读如何自定义滚动条
要创建滚动条overflow-y: scroll;
or overflow:auto;
,您还需要设置width
andheight
在您的 div 上设置以下 CSS 属性:
overflow-y:scroll;
只需要CSS:
#element-name {
overflow: auto; // hidden: no scrollbar, auto: shows it when needed, scroll: always show scrollbar
}
尝试设置以下 CSS 样式:height
and width
, and overflow-y: scroll;
, 在这个样式上。(确保它是一个块,display: block;
)自定义样式将不得不等待,这是一个快速而肮脏的解决方案。
这是用于自定义滚动条的几个 jquery 插件列表http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/