Question

所以我有一个网站，我创建了一个启动画面。这是一个非常简单的代码

<div style="position:absolute; top:0; left:0; width:100%; height:100%;"> Something<div>

它有额外的动画风格，所以它会出现，然后在人们看到后滑到顶部：

-webkit-animation-name: splash;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-duration: 5s;
}
@-webkit-keyframes splash
{
0%
{
    bottom:0;
}
33%
{
bottom:0;
}
100%
{
    bottom:100%;
}

我想做的是让动画期间滚动条从网页中消失。我不擅长使用javascript，所以首先我要问的是有没有办法在CSS中做到这一点？如果没有人可以帮助我使用脚本将overflow: hidden;放入我的html标签并在动画后将其删除？
万分感谢！

Answer 1

尝试添加此css：

body, html{
    overflow:hidden;
}

和这个JS：

$(function(){
    setTimeout(function(){$('html,body').css('overflow','auto');}, 5000);
});

另外，请注意您当前的代码不会动画。您尚未将动画分配给div

在初始化动画期间隐藏滚动条

1 个答案: