слайд 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: hiddenbody к:

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/