jquery - 如何固定宽度，同时使其看起来像是从屏幕外滑入的？

Question

我对侧面导航菜单进行了动画处理，使其看起来从屏幕左侧滑入。动画按照我想要的方式工作，但我必须将 div 的宽度设置为 0px 才能使其看起来从屏幕外滑入。

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

如何保持 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);


});