jquery动画div忽略其父级的溢出属性

Question

阿罗哈，

我有一个带有 css overflow:hidden 设置的 div。在它里面我有一个 div，我正在使用 jquery 来制作动画。

$('#innerDiv').animate({left: '-=100'}, 1000);

当我这样做时，即使我将溢出设置为隐藏，我也可以看到内部 div 移动到外部 div 之外。

这正常吗？我该如何解决这个问题？

谢谢

Answer 1

如果innerDiv有position:absolute ，则不受 overflow:hidden 的影响外部<div>元素。

尝试给它 position:relative .

绝对值示例: http://jsfiddle.net/FVdJL/

相关示例: http://jsfiddle.net/FVdJL/1/

<小时/>

编辑:给出外部容器 position:relative你应该能够保留 absolute关于innerDiv .

相关示例: http://jsfiddle.net/FVdJL/3/