Jquery 如何隐藏/删除div中的滚动条？

我想知道是否可以在蓝色div（id=“load”）显示（2秒）时删除/隐藏滚动条。如果答案是肯定的，我该怎么做

我曾尝试使用蓝色div（load）中的overflow-x:hidden，但它不起作用

我之所以需要这样做，是因为我在这个蓝色分区后面有完整的网站，我不希望人们在加载屏幕（蓝色分区）显示时向下滚动，因为加载屏幕消失时（2秒后），他们会出现在网站的中间

document.onreadystatechange=function（）{
var state=document.readyState
如果（状态==“完成”）{
setTimeout（函数（）{
document.getElementById（'interactive'）；
document.getElementById（'load'）.style.visibility=“hidden”；
}, 2500);
}
}

#加载{
宽度：100%；
身高：100%；
位置：固定；
z指数：2000；
背景色：#29d4e6；
排名：0；
-webkit动画延迟：2.3s；
-moz动画延迟：2.3s；
-o-动画延迟：2.3s；
动画延迟：2.3s；
}

加载。。。。。。。。
你好！完整网站

当蓝色div显示时，您应该隐藏网站内容

document.onreadystatechange=function（）{
var state=document.readyState
如果（状态==“完成”）{
setTimeout（函数（）{
document.getElementById（'interactive'）；
document.getElementById（'load'）.style.visibility=“hidden”；
document.getElementById（'content'）。className=''；
}, 2500);
}
}

#加载{
宽度：100%；
身高：100%；
位置：固定；
z指数：2000；
背景色：#29d4e6；
排名：0；
-webkit动画延迟：2.3s；
-moz动画延迟：2.3s；
-o-动画延迟：2.3s；
动画延迟：2.3s；
}
.隐藏{
显示：无；
}

加载。。。。。。。。
你好！完整网站

您可以按如下方式使用

隐藏与

标记onload相关的

溢出

属性，并在页面呈现后重新启用它

document.onreadystatechange=function（）{
var state=document.readyState
如果（状态==“完成”）{
setTimeout（函数（）{
document.getElementById（'interactive'）；
document.getElementById（'load'）.style.visibility=“hidden”；
document.getElementsByTagName（“正文”）[0].style.overflow=“自动”；
}, 2500);
}否则{
document.getElementsByTagName（“正文”）[0].style.overflow=“hidden”；
}
}

#加载{
宽度：100%；
身高：100%；
位置：固定；
z指数：2000；
背景色：#29d4e6；
排名：0；
-webkit动画延迟：2.3s；
-moz动画延迟：2.3s；
-o-动画延迟：2.3s；
动画延迟：2.3s；
}

加载。。。。。。。。
你好！完整网站

您可以仅通过CSS，通过使用两个

@关键帧

动画来实现此效果

工作示例：

正文{
位置：相对位置；
高度：400vh；
保证金：0；
填充：6px；
动画：noScrollBar 3s线性；
}
.装货{
位置：绝对位置；
显示：块；
排名：0；
左：0；
z指数：12；
宽度：0；
身高：0；
填充：6px；
背景色：#29d4e6；
不透明度：0；
指针事件：无；
动画：加载3s线性；
}
.加载：：之前{
内容：“加载…”；
}
@关键帧noScrollBar{
0%{位置：固定；}
100%{位置：固定；}
}
@关键帧加载{
0%{宽度：100vw；高度：100vh；不透明度：1；}
100%{宽度：100vw；高度：100vh；不透明度：1；}
}

你好！完整网站

您可以使用此

剧本

document.onreadystatechange = function() {
  var state = document.readyState
  if (state == 'complete') {
    setTimeout(function() {
    document.getElementById('interactive');
    document.getElementById('load').style.visibility = "hidden";
    document.getElementById('inner-content').style.height = '2000px';

    }, 2500);
  }
}

CSS

HTML

加载。。。。。。。。
你好！完整网站

溢出：隐藏

，请注意双d。是的，抱歉。。我已经绑定到使用hiDDen and nothing。您的代码就是这样，您必须在主体上应用

overflow:hiDDen

。谢谢！你救了我一天！

#load {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 2000;
  background-color: #29d4e6;
  top: 0;
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -o-animation-delay: 2.3s;
  animation-delay: 2.3s;
}

<div class="animated fadeOut" id="load">Loading........</div>
<div style="" id="inner-content"> Hello there! full website </div>