Html 预加载时显示滚动条

在网站加载之前，我正在使用预加载程序。此外，我想确保在加载内容时不会出现滚动或任何滚动条。我正在使用下面的代码

<div id="preloader"></div>

#preloader
{
    position: fixed;
    overflow-y: hidden !important;
    -webkit-scrollbar: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/preloader.gif) center no-repeat #fff;
}

#预紧器
{
位置：固定；
溢出y：隐藏！重要；
-webkit滚动条：无；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（../images/preload.gif）中心不重复#fff；
}

---

但是仍然可以看到滚动条，页面可以滚动。

我会在加载过程中向

添加一个类，完成后删除

body.loading {
  overflow: hidden;
}

---

我会在加载期间向

添加一个类，并在完成后删除

body.loading {
  overflow: hidden;
}

body.loading{overflow:hidden}
#预紧器
{
位置：固定；
溢出y：隐藏！重要；
-webkit滚动条：无；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（../images/preload.gif）中心不重复#fff；
}

body.loading{overflow:hidden}
#预紧器
{
位置：固定；
溢出y：隐藏！重要；
-webkit滚动条：无；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（../images/preload.gif）中心不重复#fff；
}