如何將滾動條添加到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

回答