Animate.CSS Adding Scroll Bar?
-
29-06-2021 - |
Pergunta
I am using Animate.CSS and I am using the "hinge" effect to have an image fall off the screen. When it goes off the screen it adds a vertical scroll bar to the page. When you scroll nothing is visible. Why is this scroll bar being added and how do I keep it from being added?
Thanks!
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');
});
Here is a fiddle I created.
Solução
You can just use overflow:hidden
, that will prevent the scroll bars:
html,body { overflow: hidden; }
Fiddle: http://jsfiddle.net/FafAH/2/
Outras dicas
Just add
body{overflow:hidden;}
You can set overflow-y
to hidden to prevent vertical scrollbars and overflow-x
to hidden to prevent horizontal scrollbars.
html, body{
overflow-y: hidden;
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow