2012-09-02 15 views
6

मैं Animate.CSS का उपयोग कर रहा हूं और मैं स्क्रीन से छवि गिरने के लिए "हिंग" प्रभाव का उपयोग कर रहा हूं। जब यह स्क्रीन से निकलता है तो यह पृष्ठ पर एक लंबवत स्क्रॉल बार जोड़ता है। जब आप स्क्रॉल करते हैं तो कुछ भी दिखाई नहीं देता है। यह स्क्रॉल बार क्यों जोड़ा जा रहा है और मैं इसे जोड़ने से कैसे रोकूं?एनिमेट.सीएसएस स्क्रॉल बार जोड़ना?

धन्यवाद!

कोड:

एचटीएमएल

<img id="animate" class="fear" src="/2012/images/september/fear-sign.png" /> 

सीएसएस

.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; 
} 

जे एस

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;} 
संबंधित मुद्दे