javascript - 当jQuery animate:left函数离开内部div模式时，如何在div内部隐藏div？

我有html：

<div style='width:300px; height:40px; float:left;' class='outerDiv'>
    <div style='width:200px; height:40px; float:right;' class='innerDiv'>
        Some text


    </div>
</div>

我尝试通过以下方法使div.innerDiv小幅移动：

$('.innerDiv').animate({ left: '+=200px' });

基本思想-当div.innerDiv移至div.outerDiv的边界时，div.outerDiv应隐藏div.innerDiv的一部分。我在div上停留在CSS样式上。

最佳答案

看到这里：jsfiddle

您需要设置一个位置（相对，绝对，固定），以便css left:200px可以工作。

css：

.outerDiv {
  overflow:hidden;
 }
.innerDiv {
  position:relative;
 }

jq：

$('.innerDiv').animate({ left: '+=200px' });

让我知道这是否是您想要的。