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

これが私が作成したフィドルです。

Answer 1

を使用するだけoverflow:hiddenで、スクロールバーを防ぐことができます。

html,body { overflow: hidden; }

フィドル： http： //jsfiddle.net/FafAH/2/

Answer 2

追加するだけ

body{overflow:hidden;}