JQuery正文不移動所有元素？

Question

我只是在學習jQuery，並且遇到了一個我不完全瞭解的例子。

下面是代碼：

var main = function(){ 
    $('.icon-menu').click(function(){ 
     $('.menu').animate({left:'0px'},200)  //move menu in 
     $('body').animate({left:'285px'},200) //shift all content 
    }) 
} 

$(document).ready(main) 

顯然，這是使菜單幻燈片從頁面的左側。

該菜單當前位於left:-285px;並進入視圖。但是，在第二個命令中，我不明白爲什麼轉移$('body')也不會移動菜單？ （它是身體的一部分）

非常感謝！

PS：這個例子是在這裏codecademy

Answer 1

菜單上有position: fixed這意味着它的位置是相對於窗口，而不是體內容。

在這裏看到更多細節上的定位：http://www.w3schools.com/cssref/pr_class_position.asp