jQuery UI 动画溢出问题

Question

我有一个元素 #content 和一个子元素 #footer 位于 #content 之外。为#content 设置动画时，#footer 在动画期间不可见。我从another question 了解到这是因为动画在动画期间将溢出设置为隐藏。然后，我将 jQuery UI (.ui-effects-wrapper) 创建的包装器的溢出设置为 overflow: visible !important;，但是在动画期间，动画元素在 #content 之外也可见。

所以：我需要overflow: visible 才能看到我的#footer 元素，但jQuery UI 需要overflow: hidden 才能将动画部分隐藏在#content 之外。

有人可以帮忙吗？

谢谢

#content {
    position: absolute;
    width: 45em;
    height: 26em;
    top: 8em;
    left: 16em;
}

#footer {
    position: absolute;
    width: 200em;  //larger than #content, so have to play with overflow
    height: 2.375em;
    bottom: 0;
    left: -50em;
}

.ui-effects-wrapper {
    overflow: visible !important ;
}

Answer 1

在动画期间，您可以更改可见性。示例：

$('#link').click(function(){
    // Do the animation

    $(this).css('overflow','visible');
});

会有帮助吗？