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