jQuery UI 动画溢出问题

Question

我有一个元素 #content 和一个位于 #content 外部的子元素 #footer。对 #content 进行动画处理时，#footer 在动画过程中不可见。我从另一个问题 这是因为动画在动画过程中将溢出设置为隐藏。然后，我将 jQuery UI (.ui-effects-wrapper) 创建的包装器的溢出设置为 overflow:visible!important;，但动画元素是动画期间在 #content 外部也可见。

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

有人可以帮忙吗？

谢谢

#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');
});

这有帮助吗？