marginTop vs marginBottom每個循環jquery

Question

嗨，人們我已經實現了一個基於jquery的我的網站movile固定菜單，但我有一個問題，marginTop和marginBottom裏面的每個句子，marginBottom不工作它接縫像缺少的東西，請檢查一下。

在-活生生的例子： http://www.utxj.edu.mx/menu_example/index.html

我的代碼...

$(document).ready(function(){ 
    $(function() { 
      var d=300; 

      $('#navigation a').each(function(){ 
       $(this).stop().animate({ 
        'marginTop':'-80px' 
       },d+=150); 
      }); 

      $('#navigation > li').hover(function() { 
       $('a',$(this)).stop().animate({ 
        'marginTop':'-2px' 
       },200); 
      }, function() { 
       $('a',$(this)).stop().animate({ 
        'marginTop':'-80px' 
       },200); 
      } 
     ); 
    }); 
}); 

$(document).ready(function(){ 
    $(function() { 
      var d=300; 

      $('#navigation2 a').each(function(){ 
       $(this).stop().animate({ 
        'marginBottom':'-80px' 
       },d+=150); 
      }); 

      $('#navigation2 > li').hover(function() { 
       $('a',$(this)).stop().animate({ 
        'marginBottom':'-2px' 
       },200); 
      }, function() { 
       $('a',$(this)).stop().animate({ 
        'marginBottom':'-80px' 
       },200); 
      } 
     ); 
    }); 
}); 

TNX 4的幫助。

Answer 1

利潤率正在做他們應該做的事情。元素將會增長以適應動畫塊的新大小，其餘元素將隨之一起拖動。

作爲一種解決方案，嘗試元件relative定位到他們的當前位置，並且他們的動畫和topbottom屬性：

li { 
    position: relative; 
}