Question

我有一个div：

#content_wrapper { 
    position: absolute;
    left: 0px;
    height: 50px; 
    width: 50px;
    background-color: red;
}

我想.animate()来自left: 0px到right: 0px的div，所以我的尝试是：

$('#content_wrapper').animate({'right': 0, 'left':''}, 2000, "easeOutBounce");

此外我尝试了

$('#content_wrapper').animate({'right': 0, 'left': 'auto'}, 2000, "easeOutBounce");

猜猜是什么，没有用。

有什么建议吗？感谢

Answer 1

您可以使用评论中建议的绝对值。例如，如果您的div绝对位于其直接父级中，则为此：

var w = $('#content_wrapper')
w.animate({"left": (w.parent().width()-w.width())+"px"}, 2000);

Answer 2

这是Fiddle

<div id="content_wrapper"></div>

#content_wrapper { 
  position: absolute;
  left: 0;
  height: 50px; 
  width: 50px;
  background: red;
}

$(function() {
  $('#content_wrapper').animate({ left: $(window).innerWidth() - 50 + 'px' }, 2000, 'easeOutBounce');
});

删除animate（）上的css属性

2 个答案: