如果元素溢出，则更改元素高度

Question

我正在使用 jQuery，并且有一个手风琴小部件。我动态地将内容放置在每个容器内。当我将新内容放入新控件中时，我希望手风琴能够增长（高度增加）。我的手风琴控件如下所示：

我将我的项目手风琴小部件初始化为：

$("#accordion").accordion({
                autoHeight: false,
                navigation: true,
                collapsible: true,
                fillSpace: true

            });

当我将 HTML 放入该手风琴中时Ajax 动态地你可以看到元素开始溢出。我不想看到滚动条。

所以我想到了这样的事情：

somehow with JavaScript see if an element on the dom is overflowing (has the scroll bar)

if it does then increase it's height by 10 px until it does not overflow. 

我知道我可以设置固定高度，但我不知道我将提前在每个手风琴中放置多少 html 内容。对于如何处理这个溢出问题，你们有什么建议？

编辑

如果我能用 CSS 解决这个问题那就太好了，因为我动态构建了手风琴小部件。

Answer 1

添加内容后，调用；

$("#accordion").accordion( "resize" );

Answer 2

我一直在努力，并且我已经：

function removeOverflow(element){
     var newHeight = $(element).height() + element.offsetHeight; 
    $(element).height(newHeight+"px")  // set the hight of the overflowing element
}