代码之家  ›  专栏  ›  技术社区  ›  Cheeso

jquery accordion:有没有一种方法可以使滚动条适合显示的面板?

  •  0
  • Cheeso  · 技术社区  · 14 年前

    我有一个jquery协议(jquery 1.3.2,jquery ui 1.7.2),内容面板介于3-12个之间。

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

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

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

    有办法解决这个问题吗?

    看起来像 autoHeight:false 应该这样做,但这对我不起作用。

    1 回复  |  直到 14 年前
        1
  •  3
  •   Luca Filosofi    14 年前

    您需要有/设置一个固定的包装高度,并为其分配溢出:自动;然后将手风琴放在里面!

    <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

    那很好,像一个符咒一样适合溢出!