2010-05-28 36 views
0

我有一個jQuery手風琴(jQuery 1.3.2,jQuery UI 1.7.2),帶有3-12個內容面板。jQuery手風琴:有沒有辦法讓滾動條適合顯示的面板?

某些內容面板很大,並且有很多內容。有些很小,只有一點點。

當我展開它們中的任何一個時,包含手風琴的div的滾動條(已獲得css overflow: auto;)被設置爲好像最大的面板被展開。

假設我有3個面板。一行有三行內容,一行有20行,一行有1000行。如果我擴展前兩者中的任何一個,則滾動條指示器變得非常小,並且一直移動到頂部,即使沒有值得滾動的東西。

有沒有辦法解決這個問題?

看起來好像autoHeight:false應該這樣做,但這對我不起作用。

+0

您需要設置固定的包裝高度併爲其分配溢出:auto;然後把手風琴放在裏面! – 2010-05-28 15:42:44

+0

啊哈,好吧,我會嘗試。 – Cheeso 2010-05-28 15:44:07

+1

你應該有像jquery ui http://jqueryui.com/demos/accordion/#no-auto-height – 2010-05-28 15:46:35

回答

2

你需要設置一個固定的包裝高度併爲其分配溢出:auto;然後把手風琴放在裏面!

<div id="accordion_wrapper"> 
    <ul id="accordion"> 
    <li></li> 
</ul> 
</div> 

結果應該與此類似: http://jqueryui.com/demos/accordion/#no-auto-height

然後風格創建的溢出滾動使用

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

,這是非常好的,工作就像一個魅力溢出!

+0

完美運作。再次感謝。 – Cheeso 2010-05-28 15:58:58

+1

歡迎你! ;-) – 2010-05-28 15:59:22