Animate.CSS Adding a scrollbar?

Question

I use Animate.CSS and I use the “hinge” effect so that the image falls off the screen. When it disconnects from the screen, it adds a vertical scroll bar to the page. When scrolling, nothing is visible. Why is this scrollbar added and how can I not add it?

Thanks!

The code:

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

Here is the fiddle I created.

Answer 1

You can simply use overflow:hidden , which will prevent the scroll bars:

 html,body { overflow: hidden; } 

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

Answer 2

Just add

 body{overflow:hidden;}