javascript - 当 jquery animate :left function? 离开内部 div 模式时如何将 div 隐藏在 div 中

Question

我有 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 样式。

Answer 1

请看这里: jsfiddle

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

样式:

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

jq:

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

如果这就是您要找的，请告诉我。