Animate.CSS 添加滚动条？答案

【问题标题】：Animate.CSS Adding Scroll Bar?Animate.CSS 添加滚动条？
【发布时间】：2023-03-26 06:54:01
【问题描述】：

我正在使用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;
}

var $j = jQuery.noConflict();
   $j(document).ready(function() {
       $j('#animate').addClass('animated hinge');
           });

这是我创建的fiddle。

【问题讨论】：

标签： css css-transitions css-animations animate.css

【解决方案1】：

您可以只使用overflow:hidden，这将阻止滚动条：

html,body { overflow: hidden; }

小提琴：http://jsfiddle.net/FafAH/2/

【讨论】：

【解决方案2】：

只需添加

body{overflow:hidden;}

【讨论】：

【解决方案3】：

您可以将overflow-y 设置为隐藏以防止垂直滚动条，将overflow-x 设置为隐藏以防止水平滚动条。

html, body{
    overflow-y: hidden;
}

【讨论】：