我有一个jQuery手风琴(jQuery 1.3.2,jQuery UI 1.7.2),有3到12个内容面板。
某些内容面板很大,内容很多。有些很小,只有一点点。
当我展开其中任何一个时,包含手风琴的div上的滚动条(它的css overflow: auto;
)被设置为好像最大的面板被展开。
假设我有3个面板。一个有3行内容,一行有20行,一行有1000行。如果我展开前两个中的任何一个,滚动条指示器变得非常小,并且一直移动到顶部,即使没有什么值得滚动。
有没有办法解决这个问题?
似乎autoHeight:false
应该这样做,但这对我不起作用。
答案 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
非常好,并且像魅力一样为溢出而努力!