删除或隐藏水平滚动条

Question

我有css文件声明加载图标，如

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

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

Answer 1

尝试使用overflow-x: hidden。它会隐藏水平滚动条。使用overflow: hidden会隐藏垂直和水平滚动条。

Answer 2

Whisperer

Answer 3

CSS属性overflow: hidden;隐藏所有滚动并禁用任何滚动，如我所知。

Answer 4

请尝试将以下CSS添加到您的页面：

body {
    overflow-x: hidden;
}

希望我帮忙;）

Answer 5

使用overflow-x:hidden;隐藏水平滚动条。

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