jQuery的手风琴 - DIV无法在Chrome

2013-06-25 25 views 1 likes

<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

回答

相关问题