jQuery手风琴:有没有办法让滚动条适合显示的面板?

时间:2010-05-28 15:30:26

标签: jquery jquery-ui

我有一个jQuery手风琴(jQuery 1.3.2,jQuery UI 1.7.2),有3到12个内容面板。

某些内容面板很大,内容很多。有些很小,只有一点点。

当我展开其中任何一个时,包含手风琴的div上的滚动条(它的css overflow: auto;)被设置为好像最大的面板被展开。

假设我有3个面板。一个有3行内容,一行有20行,一行有1000行。如果我展开前两个中的任何一个,滚动条指示器变得非常小,并且一直移动到顶部,即使没有什么值得滚动。

有没有办法解决这个问题?

似乎autoHeight:false应该这样做,但这对我不起作用。

1 个答案:

答案 0 :(得分:3)

你需要/设置一个固定的包装器高度并为其分配overflow: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

非常好,并且像魅力一样为溢出而努力!