1

我有一个非常小的 div,我想在其中容纳比它可以容纳的更多的文本,所以我想在它的右侧有垂直滚动条,就像通常的那样。如果我能自定义它的外观就好了。

我设法通过惰性搜索找到的大多数插件都是关于滚动动画和滚动到 DOM 的某个元素的,这不是我想要的。

4

7 回答 7

3

固定 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>
于 2013-08-01T18:39:45.990 回答
1

当元素的内容溢出其内容框时,使用overflow: autooverflow: scrolloverflow-x或视情况而定)显示滚动条。overflow-y

这是一个演示。

于 2013-08-01T18:38:52.497 回答
1

阅读如何自定义滚动条

要创建滚动条overflow-y: scroll;or overflow:auto;,您还需要设置widthandheight

于 2013-08-01T18:39:01.737 回答
0

在您的 div 上设置以下 CSS 属性:

overflow-y:scroll;

于 2013-08-01T18:38:42.567 回答
0

只需要CSS:

#element-name {
    overflow: auto; // hidden: no scrollbar, auto: shows it when needed, scroll: always show scrollbar
}
于 2013-08-01T18:38:53.687 回答
0

尝试设置以下 CSS 样式:heightand width, and overflow-y: scroll;, 在这个样式上。(确保它是一个块,display: block;)自定义样式将不得不等待,这是一个快速而肮脏的解决方案。

于 2013-08-01T18:39:33.390 回答
0

这是用于自定义滚动条的几个 jquery 插件列表http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/

于 2013-08-01T18:39:41.980 回答