如何将滚动条添加到DIV？

我在我的页面上有一个DIV。在DIV内部，我还有其他的DIV，我自定义看起来像按钮。这里有一个例子：如何将滚动条添加到DIV？

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

有什么方法可以将滚动条添加到我的DIV中？我从来没有见过这样做，但我希望有人有一些想法。

感谢，

2011-07-29 Janese

虽然你可以在外部div上使用'height：Xpx; overflow：auto;'，也许你应该重构你的设计。最好使用浏览器滚动条（尤其是移动显示！）。 – Kraz

2011-07-29 19:38:33 JFFF

这看起来很不错。我想知道有没有更像JScroll Pane？你见过别人吗？我现在就去看看。 – Janese

还有其他插件，但这是最好的和最受欢迎的插件。很高兴我能帮上忙：） – JFFF

设置包含div +溢出高度：自动或：滚动

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

2011-07-29 19:36:27 fatnjazzy

你可以做这样的事情：

添加

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

以主div

您需要设置一个height，使其工作。

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

2011-07-29 19:38:00

这看起来不错，但如果用户更改主页面的高度怎么办？是否可以设置该DIV的顶部和底部：而不是设置高度？ – Janese

对于调整大小，我认为除了将高度设置为可管理的高度外，您可以做的事情不多......不是我用于示例的500像素。但是，为了确保显示完整按钮（而不是部分按钮），您应该将“height”设置为25px + 4px的倍数（每个按钮的“height”和“padding”） –

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

2011-07-29 19:39:23

回答