Javascript 删除或隐藏水平滚动条

我有一个css文件，它声明像

#loading {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('loading.gif');
    background-position: center;
}

---

在页面加载之前，加载图标一直显示，但当加载图标显示时，我看到水平滚动条，在页面加载后，水平滚动条消失。当显示加载图标时，我可以隐藏或删除水平滚动条吗？

尝试使用

overflow-x:hidden

。它将隐藏水平滚动条。使用

溢出：隐藏将同时隐藏垂直和水平滚动条。
CSS属性
溢出：隐藏隐藏所有滚动并禁用任何滚动。
请尝试将以下CSS添加到您的页面：

  #loading {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   background-image: url('loading.gif');
   background-position: center;
   overflow: hidden;
 }

body {
    overflow-x: hidden;
}

希望我能帮忙；）
 使用
溢出-x：隐藏隐藏水平滚动条

#loading {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   background-image: url('loading.gif');
   background-position: center;
   overflow-x: hidden;
 }

没有代码我不能说太多，但仍然添加
left:0；右：0；排名：0；底部：0
并删除宽度和高度使用
溢出：隐藏将隐藏垂直和水平滚动条。