清除通過相對定位創建的空白區域並保持移動的對象不受影響

我有一個放置在標題附近的div。當我點擊它時，div向下移動到頁面的中心（我正在使用jquery動畫功能）。清除通過相對定位創建的空白區域並保持移動的對象不受影響

一旦div移動到頁面的中心，我想要其他元素（放置在頁眉附近的其他div）填充由於div移動到頁面中心而留下的空白空間頁。

我已經成功地刪除了空白和其他元素已經填滿了空間。

主要問題是，當照顧左邊的白色空間時，現在位於中心的div也受到影響！

單擊第一個元素：http://jsfiddle.net/maven123/vpumfujd/3/

$(document).ready(function() { 
    $(".icons").click(function() { 
     var icon_position = $(this).offset(); 
     $(this).animate({ 
      left: (window.outerWidth/2) - icon_position.left-400, 
      top: (window.outerHeight/2) - icon_position.top 
     }, 1200, function() { 
      $(this).css({ 
       position:"relative", 
       marginLeft:"-100px" 
      }); 
     }); 
    }); 
});

來源

2015-06-24 eugene_sunic

嘛，當然它就會受到負面'保證金你可以在它上面設置......如果你不想這樣做，不要設置該邊距（並用另一種方法使剩餘的元素向左移動）。 – CBroe

你有什麼建議？ –

一旦箱子移動到中間位置，它是否應該凍結到位？ –

當然它就會受到你把它設置在負margin-left;如果你不想這樣做，不要設置該邊距，並使用其他方法使剩餘元素向左移動。

我建議到中切換到絕對定位將其移動到中間，從100像素之後的下一個框動畫margin-left爲0

來源

2015-06-24 21:49:14 CBroe

像這樣？ http://jsfiddle.net/cuhubd4p/ – blex

好吧，這很好，我發現了一個基於Cbroe指令的解決方案，但隨時可以發佈，作爲一個aswer，我一定會投票它 –

清除通過相對定位創建的空白區域並保持移動的對象不受影響

回答

相關問題