Animate.CSS添加滾動條？

Question

我正在使用Animate.CSS，我正在使用「鉸鏈」效果讓圖像脫離屏幕。當它離開屏幕時，它會在頁面上添加一個垂直滾動條。當你滾動時什麼也看不見。爲什麼這個滾動條被添加，如何避免被添加？

謝謝！

代碼：

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

這是我創建的fiddle。

Answer 1

您可以只使用overflow:hidden，這將防止滾動條：

html,body { overflow: hidden; } 

小提琴：http://jsfiddle.net/FafAH/2/

Answer 2

只需添加

body{overflow:hidden;}