jQuery的手風琴 - DIV無法在Chrome

滾動我有以下手風琴：jQuery的手風琴 - DIV無法在Chrome

<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或手風琴。

來源

2013-06-25 user2507484

看起來不錯，對我說：HTTP：//的jsfiddle。 net/3ZGNA/ – stackErr

問題是，我想內部div顯示溢出滾動條，而不是整個頁面。 Firefox默認會這樣做，Chrome也是這樣，但只是在調整頁面大小之後。很奇怪。 – user2507484

您應該將fillSpace: true替換爲heightStyle : 'fill'，因爲它是deprecated。

編輯

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

CSS：

.ui-accordion .ui-accordion-content{ overflow:auto !important; }

來源

2013-06-25 14:09:56 stackErr

感謝您的提示stackErr，我繼續前進並應用該更改，但不幸的是，在初始頁面加載時Chrome仍然沒有滾動條。 – user2507484

@ user2507484 add'autoHeight：false' – stackErr

@ user2507484如果你指定div的高度，它應該強制滾動條 – stackErr

添加$(window).trigger('resize')觸發所有高度/寬度計算得出的該插件

來源

2013-06-26 06:23:31 TecHunter

jQuery的手風琴 - DIV無法在Chrome

回答

相關問題