2012-09-02 5 views
6

私はAnimate.CSSを使用していますが、画像が画面からはみ出るように「ヒンジ」効果を使用しています。画面外に出ると、ページに垂直スクロールバーが追加されます。スクロールすると何も表示されません。このスクロールバーが追加されているのはなぜですか?また、スクロールバーが追加されないようにするには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を作成しました。

答えて

5

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

html,body { overflow: hidden; } 

はフィドル:http://jsfiddle.net/FafAH/2/

+1

感謝を追加!よく働く! – L84

2

だけ

body{overflow:hidden;} 
関連する問題