2012-09-02 38 views
6

Estoy usando Animate.CSS y estoy usando el efecto "bisagra" para que una imagen se salga de la pantalla. Cuando sale de la pantalla, agrega una barra de desplazamiento vertical a la página. Cuando se desplaza, nada es visible. ¿Por qué se agrega esta barra de desplazamiento y cómo evito que se agregue?Animate.CSS ¿Agregar barra de desplazamiento?

Gracias!

Código:

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'); 
      }); 

Aquí hay un fiddle que creé.

Respuesta

5

Usted sólo puede usar overflow:hidden, que evitará que las barras de desplazamiento:

html,body { overflow: hidden; } 

violín: http://jsfiddle.net/FafAH/2/

+1

Gracias! ¡Funciona genial! – L84

2

Sólo añadir

body{overflow:hidden;} 
Cuestiones relacionadas