如何向DIV添加滚动条？

Question

我的页面上有一个DIV。在DIV中，我有其他DIV，我自定义看起来像按钮。这是一个例子：

fiddle

因为我有这么多按钮，我需要有一些滚动方式，以便用户可以向下滚动到正确的按钮（DIV）。在小提琴中，这是使用iframe完成的，但我想我读到这可能会给搜索引擎优化带来问题。

有什么方法可以为我的DIV添加滚动条吗？我从未见过这样做，但我希望有人有一些想法。

谢谢，

Answer 1

你可以这样做：

添加

padding-right:30px; overflow:auto; height:500px;

到主div

http://jsfiddle.net/jasongennaro/AQ7Ev/7/

您需要设置height才能使其正常运行。

此外，您需要padding，因此滚动条不会与内容重叠。

Answer 2

设置包含div + overflow的高度：auto或：scroll

<div style="width: 200px; height:240px;overflow:auto">
      <div class = "abc" >.....

Answer 3

如果您愿意使用某些JQuery，JScroll Pane plugin is exactly what you're looking for

Answer 4

您需要在div上设置一个高度并添加overflow:auto;。我分叉你的小提琴，这是代码：http://jsfiddle.net/vxTqT/。