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