slide Jquery 没有滚动条？

Question

我的 div 中有一个从右向左滑动的动画。我想要的是那个动画，但是没有滚动。

这是制作动画的正确方法吗？怎么了？这个滚动条怎么消失？

CSS

#todoc{
 position:relative;
 min-width:250px;
 max-width:1030px;
 overflow:hidden;
 margin: 50px auto 0;
 text-align:center;
 background-color:red;
 padding:20px;

    right:-1000px;//for animation
}

jquery

$(document).ready(function(){

    $("#todoc").animate({ right: '0'}, 'slow');

});

http://jsfiddle.net/q637bLq5/

Answer 1

将 overflow: hidden 交给 body:

body {
  overflow: hidden;
}

片段

$(document).ready(function() {
  $("#todoc").animate({
    right: '0'
  }, 'slow');
});

#todoc {
  position: relative;
  min-width: 250px;
  max-width: 1030px;
  overflow: hidden;
  margin: 50px auto 0;
  text-align: center;
  background-color: red;
  padding: 20px;
  right: -1000px;//for animation
}
body {
  overflow: hidden;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="todoc"></div>

Fiddle: http://jsfiddle.net/q637bLq5/1/

slide Jquery 没有滚动条？

slide Jquery without scroll bar?

jquery

jquery-animate