在div中滚动文字？

Question

我有一个非常小的div，我希望能够容纳更多的文本，所以我想在它的右侧有垂直滚动条，就像通常的那样。如果我可以自定义它的外观会很好。

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

Answer 1

修正div的高度，设置其overflow-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>

Answer 2

当元素的内容溢出其内容框时，使用overflow: auto或overflow: scroll（overflow-x或overflow-y），以显示滚动条。

Here’s a demo.

Answer 3

阅读how to customize a scroll bar

要创建滚动条overflow-y: scroll;或overflow:auto;，您还需要设置width和height

Answer 4

在div上设置以下CSS属性：

overflow-y:scroll;

Answer 5

只需要CSS：

#element-name {
    overflow: auto; // hidden: no scrollbar, auto: shows it when needed, scroll: always show scrollbar
}

Answer 6

尝试设置以下CSS样式：height和width以及overflow-y: scroll;。 （确保它是一个块，display: block;） 自定义样式必须等待，这是一个快速而肮脏的解决方案。

Answer 7

以下是自定义滚动条http://www.jqueryrain.com/2012/07/jquery-scrollbar-plugin-examples/

的几个jquery插件的列表