2017-06-22 166 views
-1

我有声明加载图标像删除或隐藏水平滚动条

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

CSS文件,它完美的作品加载图标出现,直到页面加载,但在显示加载图标我看到水平滚动条,其中后消失页面加载。当显示加载图标时,我可以隐藏或移除水平滚动条吗?

+1

没有代码,我不能说太多,但还是加上'左:0;右:0;顶部:0;底部:0'和使用'溢出删除宽度和高度 – vijayscode

回答

1

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

+0

:hidden'会躲在两垂直和水平滚动条。 – Gummybearicious

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

CSS属性overflow: hidden;隐藏所有滚动并禁用任何滚动,因为我知道。

-1

请尝试添加以下CSS到你的页面:

body { 
    overflow-x: hidden; 
} 

希望我帮助;)

0

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

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