2

私は次のアコーディオンを持っています：

<div id="accordion">
    <h3>Section 1</h3>
    <div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />hello
    </div>
    <h3>Section 2</h3>
    <div>
    </div>
    <h3>Section 3</h3>
    <div>
    </div>
    <h3>Section 4</h3>
    <div>

    </div>
</div>

そして、ここにjqueryがあります：

 $(function() {
   $( "#accordion" ).accordion({
     fillSpace:true
   });
 });

 $(window).resize(function(){
    $("#accordion").accordion("resize");    
 });

Firefox ではすべて正常に動作していますが、Chrome ではコンテンツ オーバーフローがあっても「セクション 1」div にスクロールバーが追加されません。スクロールバーが（div内に）表示される前に、手動でウィンドウのサイズを変更する必要があります。Firefox はオーバーフローを検出し、デフォルトでスクロールバーを表示します。誰が何が起こっているかについて考えを持っていますか? スクロールバーを常に表示するように強制しても構いませんが、div またはアコーディオンに適用するスタイルを取得することさえできませんでした。

4

2 に答える 2

2

deprecatedであるためfillSpace: true、に置き換える必要があります。heightStyle : 'fill'

編集

 $(function() {
   $( "#accordion" ).accordion({
     heightStyle: 'fill',
     autoHeight: false
   });
 });

CSS:

.ui-accordion .ui-accordion-content{ overflow:auto !important; }
于 2013-06-25T14:09:56.383 に答える
1

を追加し$(window).trigger('resize')て、プラグインのすべての高さ/幅の計算をトリガーします

于 2013-06-26T06:23:31.357 に答える