Jquery ui 符合autoHeight=true的jQuery UI在非默认窗格上有不必要的滚动条

我在jQuery手风琴方面遇到了问题。当我创建一个内容窗格，其中非默认窗格的内容多于默认窗格，并且autoHeight为true时，这在切换窗格时提供了很好的动画效果，但非默认窗格会得到一个我不想要的滚动条

您可以通过转到，切换到“闪电战”或“人性”之类的主题，然后打开手风琴示例的第3部分来了解这一点。在Safari 3.2.1和Firefox 3.0.8中我也会遇到这种情况

如果切换到autoHeight=false，则不会发生这种情况，并且所有内容窗格都具有正确的高度，但内容窗格仅在动画结束时渲染，看起来很奇怪，因此我必须关闭动画以避免这种奇怪

要么我误读了一些东西，要么这是jQueryUIAccordion中的一个bug。请帮我找出两者中的哪一个（或者两者都是）。

试试这个

---

我也遇到了类似的问题，对我来说，CSS中的以下更改是有效的

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

我试过了

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

但我在第一个标签上看到了一些视觉效果。所以我用这种方式解决了这个问题：

<script type="text/javascript">
    (function() {
        var fixScroll = function(event, ui) {
            $(event.target).find('.ui-accordion-content-active').css('overflow', 'visible');
         }
        $('#tabs').accordion({ 
            header: "h2",
            create: fixScroll,
            change: fixScroll
        });
    })();
</script>

（功能（）{
var fixScroll=函数（事件，用户界面）{
$（event.target）.find（'.ui accordion content active'）.css（'溢出'，'可见'）；
}
$（'#制表符'）。手风琴（{
标题：“h2”，
创建：固定卷轴，
更改：固定卷轴
});
})();

我从上面提到的链接中得到了这个。这是文章下的评论之一。它去掉了滚动条，但也保留了divs的其他格式。上述答案可能会导致内容像我所经历的那样跨越国界

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

---

我知道这很老了，但我遇到了这个问题，在这里着陆了。可以在此处找到一种不会破坏动画并消除动画的解决方案：

对于那些不想点击的懒人来说，简单的答案是：

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

---

在手风琴的CSS中，使用这个组合选项对我很有效，1.jquery/ui的当前版本

$( '#x' ).accordion({
    autoHeight: false,
    clearStyle: true
});     

---

检查ui accordion内容的填充是否被覆盖

当我在css中添加以下内容时，我遇到了同样的问题：

.container .ui-widget-content {
    padding-right: 3%;
}

我改变了它，如下所示，滚动条不见了

.container .ui-widget-content:not(.ui-accordion-content) {
    padding-right: 3%;
}

我也没有打开自动高度。

现在（使用jqueryui-v1.8），只要自动高度就足够了，不再出现滚动条

jQuery("#accordion").accordion(
  {
    autoHeight:false
  }
);

这对我很有用：

.ui-accordion-content-active, .ui-accordion-header-active{
    display: block;
}

拥有

heightStyle:“内容”

有助于解决我的问题。

---

参考资料：

我尝试了几种不同的方法。自动高度：false本身不起作用。这就是最终对我起作用的原因：

$( "#accordion" ).accordion({
            heightStyle: "content",
            autoHeight: false,
        clearStyle: true,   
        });

---

---

我在一个固定宽度的SharePoint内容编辑器Web部件中使用了它，在将内容添加到accordion小部件时，它增加了高度问题。

它可以工作，但动画似乎被破坏了。当前内容元素在动画中与手风琴边框重叠。感谢这一点，它真的帮助我摆脱了溢出：可见！重要和溢出：隐藏！重要提示似乎解决了滚动条的问题，但却弄乱了动画。我只是在IE7中遇到了这个问题，溢出：可见！重要和溢出：隐藏！重要的似乎是我的工作，离开动画未触及。我使用的是jQueryUI的1.8.17版。在SO中，只使用链接的答案是非常不受欢迎的。请在答案中添加关键概念。在这个问题的所有答案中，这个解决方案没有不必要的滚动条，动画也没有中断。但是，每个

的高度是相同的。不过，谢谢你分享这个解决方案，诺亚+1在所有答案中，这是唯一一个对我有效的答案。是的，如果这能获得更多的选票来提升页面，那就好了。这可以处理大多数情况，但是，当手风琴中只有一个项目时（至少这似乎是原因），滚动条仍然会出现。这个答案解决了我的问题。。其他答案（使用css溢出攻击）修复了这个问题，但反过来又导致了另一个问题：当前打开的手风琴面板崩溃的平滑动画变得僵硬和急促。heightStyle:content-为了胜利。叮叮！我想这在jQuery UI上是新的，因为在中没有提到

autoHeight

或

clearStyle

。很好，这也为我解决了这个问题！是的，这应该是公认的答案+2我应用了你的解决方案，它为我解决了问题，但在我的情况下，我不需要使用

clearStyle:true

。不知道是否有任何答案解决了问题……这个问题已经5年了，我已经远远超过了我提出问题的项目。我自己并没有一个好办法来审查答案：（但您是否找到了解决方案，或者在您的项目中没有解决此问题而继续前进？当我提出问题并自己找到解决方案时，我会发布此解决方案以与其他人共享，并透露已找到解决方案。但我知道您在2009年4月7日提出了此问题，并且我看到答案来自2010年、2011年、2012年和2010年d 2013。项目通常不会花那么长时间。答案来得很晚。我不记得这个项目，也不记得我在那里做了什么。可能是在解决方案变得必要之前就被放弃了。