0

我已经成功地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 并减去包装器大小的一半，但我无法得到包装器的宽度，因为我使用的是最大宽度而不是硬编码宽度。我需要保持网站响应。

一旦居中，如何让 div 停止从左到右的动画？

4

2 回答 2

0

试试看

$("#wrapper").animate({"marginLeft":"50%"}, 1000);
于 2013-11-08T08:36:47.977 回答
0 
$('#wrapper').animate({right: (parseInt($(this).css('right'))-200)+"px"}, 1000);
于 2013-11-08T08:37:12.107 回答