刪除CSS屬性（）

我有一個div：刪除CSS屬性（）

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

我想.animate()從left: 0px一個div來right: 0px所以我的嘗試是：

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

而且我試過

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

猜猜看，沒有工作。

有什麼建議嗎？謝謝

來源

2013-11-02 supersize

一般不是好主意，左，右位置應用到元素特別是對動畫 – charlietfl

@ charlietfl你爲什麼這麼說？只要元素是'position：absolute'，我不會看到問題 –

@charlietfl那麼請給我一個建議，如何爲每個窗口大小從左到右設置動畫元素，而無需進行偏移量計算？ – supersize

您可以使用評論中建議的絕對值。例如像這樣的，如果你的DIV絕對定位在其直接父：

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

來源

2013-11-02 22:35:21

這裏有一個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'); 
});

來源

2013-11-03 15:25:00 mdesdev

刪除CSS屬性（）

回答

相關問題