jquery - 如何修复宽度，同时使其看起来像 div 从屏幕外滑入？

Question

我为侧边导航菜单设置了动画，使其看起来从屏幕左侧滑入。动画按我的意愿工作，但我必须将 div 的宽度设置为0px使其看起来像是从屏幕外滑入。

如果我将 div 的宽度设置为200px屏幕上的 200 像素宽，然后在动画完成后加宽到 400 像素。

如何保持 div 的 200px 宽度，同时在动画后保持固定宽度？

这是一个 jfiddle 示例：http: //jsfiddle.net/kYRbJ/1/

谢谢

Answer 1

尝试这个：

nav#cmNav{
position:fixed;top:0;left:0;
left:-200px;
height:100%;
width : 200px;
background-color:#323233;

-moz-box-shadow:    inset  0 0  #000000;
-webkit-box-shadow: inset  0  #000000;
box-shadow:         inset  -10px 0 10px -5px  #000000;

}

$(document).ready(function(){

    $("#cmNav").animate({left: 0}, 1000);


});

Answer 2

一个简单的解决方法：

看演示

$(document).ready(function(){
    $("#cmNav").find('*').css('width','200px').end().animate({width: 200}, 1000);
});