jquery - animate() の css プロパティを削除

Question

私はdivを持っています:

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

からへ.animate()div したいので、私の試みは次のとおりです。left: 0pxright: 0px

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

さらに試してみた

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

うまくいかなかったと思います。

助言がありますか？ありがとう

Answer 1

ここにフィドルがあります

<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');
});

Answer 2

コメントで提案されているように、絶対値を使用できます。たとえば、div が直接の親に絶対に配置されている場合は、次のようになります。

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