尽管可见，jQuery宽度动画仍隐藏溢出

Question

我正在使用jQuery width增加div的{​​{1}}。

.animate()包含一个绝对定位的子元素，其边界跨越父节点的边界。

当动画开始时，父元素外部的孩子div部分变得不可见，当动画结束时，它再次可见。

div

LIVE DEMO

Answer 1

jQuery动画会在元素动画时自动强制元素overflow:hidden;。

您可以使用！important CSS Style修复此问题：

#parent{
    width: 200px;
    height: 200px;
    background: blue;
    position: relative;
    overflow: visible !important;
}

<小时/> 的修改 由于CSS优先级，内联样式可能会覆盖!important样式。如果是这样，请尝试这样的

$("#parent").animate({width: '300'}, 2000).css('overflow', 'visible', 'important');