Animate.CSS Adding Scroll Bar?

Question

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.

McGarnagle · Accepted Answer · 2016-06-22 15:08:39Z

5

You can just use overflow:hidden, that will prevent the scroll bars:

html,body { overflow: hidden; }

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

edited Jun 22, 2016 at 15:08

answered Sep 2, 2012 at 4:16

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lodder · Accepted Answer · 2012-09-13 15:54:52Z

1

Just add

body{overflow:hidden;}

edited Sep 13, 2012 at 15:54

Lodder

19.8k11 gold badges65 silver badges104 bronze badges

answered Sep 2, 2012 at 4:20

Arpit Srivastava

2,2351 gold badge16 silver badges28 bronze badges

Comments

Unmitigated · Accepted Answer · 2018-11-24 21:13:06Z

-1

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

answered Nov 24, 2018 at 21:13

Unmitigated

91.5k12 gold badges103 silver badges109 bronze badges

Collectives™ on Stack Overflow

Animate.CSS Adding Scroll Bar?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related