2012-09-02 40 views
6

Tôi đang sử dụng Animate.CSS và tôi đang sử dụng hiệu ứng "bản lề" để có hình ảnh rơi ra khỏi màn hình. Khi nó tắt màn hình, nó sẽ thêm thanh cuộn dọc vào trang. Khi bạn cuộn không có gì hiển thị. Tại sao thanh cuộn này lại được thêm vào và làm thế nào để nó không được thêm vào?Animate.CSS Thêm Thanh cuộn?

Cảm ơn!

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

Đây là một fiddle Tôi đã tạo.

Trả lời

5

Bạn chỉ có thể sử dụng overflow:hidden, mà sẽ ngăn chặn các thanh cuộn:

html,body { overflow: hidden; } 

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

+1

Cảm ơn! Hoạt động tuyệt vời! – L84

2

Chỉ cần thêm

body{overflow:hidden;}