Animate.CSS Aggiunta barra di scorrimento?

Question

Sto usando Animate.CSS e sto usando l'effetto "cerniera" per far cadere un'immagine sullo schermo. Quando esce dallo schermo aggiunge una barra di scorrimento verticale alla pagina. Quando si scorre niente è visibile. Perché viene aggiunta questa barra di scorrimento e come posso evitare che venga aggiunta?

Grazie!

Codice:

HTML

<img id="animate" class="fear" src="/2012/images/september/fear-sign.png" /> 

CSS

.fear{ 
    position:absolute; 
    left:150px; 
    top:0px; 
} 

#animate { 
    -moz-animation-delay: 5s; 
    -webkit-animation-delay: 5s; 
    -o-animation-delay: 5s; 
    -ms-animation-delay: 5s; 
    animation-delay: 5s; 
} 

JS

var $j = jQuery.noConflict(); 
    $j(document).ready(function() { 
     $j('#animate').addClass('animated hinge'); 
      }); 

Qui è un fiddle creato.

Answer 1

Si può semplicemente utilizzare overflow:hidden, che impedirà le barre di scorrimento:

html,body { overflow: hidden; } 

Fiddle: http://jsfiddle.net/FafAH/2/

Answer 2

Basta aggiungere

body{overflow:hidden;}