Question

我需要在页面加载时滑动div菜单100％宽度。但它不起作用：

CSS

#menu{
 position: fixed;
 z-index: 101;
 top:0;
 color:#fff;
 font-weight:bold;
 font-size: 10px;
 height:50px;
 width:100%;
 min-width:50px;
 background:red;
}

JQUERY

$(document).ready(function(){
  $("#menu").animate({ left: '0'}, 'fast');
});

我想要的是这个div，当页面加载时，开始出现在右上角，直到左边，然后保持在顶部，100％宽度。 http://jsfiddle.net/12tx42q4/

谢谢

Answer 1

您需要为其提供一个起点left: 100%：JS Fiddle

left: 0是默认的起点，所以如果不改变它，它就不会显示为动画。

Answer 2

您只需设置left:100%

即可

http://jsfiddle.net/12tx42q4/5/

Answer 3

你基本上是这样说的：当身体被加载时向左滑动，距离为0像素。

尝试设置必须行进的像素数量

左：＆＃39;在此处插入像素＆＃39;

像这样：

  $(document).ready(function(){
          $("#menu").animate({ left: '100'}, 'slow');
  });

从右到左滑动div 100％？ CSS-JQUERY

3 个答案: