Question

我已经成功地在窗口加载时从底部到顶部动画div作为休闲：

<script>
      $(function(){
          $('#wrapper').animate({'margin-top': '20px'}, 1000);
      });
</script>

#wrapper {
    float: none;
    margin: 600px auto;
    max-width: 850px;
    min-width: 200px;
    padding: 0 2%;
}

但是，我现在需要从右到左设置div的动画。我尝试了初始css：

margin-top: 20px;
margin-right: auto;
margin-left: 100%;

然后：

<script>
      $(function(){
          $('#wrapper').animate({'margin-left': 'auto'}, 1000);
      });
</script>

auto似乎不是一个有效值，但我需要让div停在中心，所以我尝试过获取浏览器窗口的宽度，然后将其除以2并减去一半的大小包装器，但我无法获得包装器的宽度，因为我使用硬编码宽度的max-width intead。我需要让网站保持响应。

如果div居中，我怎么能完成div停止的左右动画？

Answer 1

尝试

$("#wrapper").animate({"marginLeft":"50%"}, 1000);

Answer 2

$('#wrapper').animate({right: (parseInt($(this).css('right'))-200)+"px"}, 1000);

使用jQuery动画元素

2 个答案: