刪除或隱藏水平滾動條

-1

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

CSS文件，它完美的作品加載圖標出現，直到頁面加載，但在顯示加載圖標我看到水平滾動條，其中後消失頁面加載。當顯示加載圖標時，我可以隱藏或移除水平滾動條嗎？

來源

2017-06-22 user2661518

沒有代碼，我不能說太多，但還是加上'左：0;右：0;頂部：0;底部：0'和使用'溢出刪除寬度和高度 – vijayscode

嘗試使用overflow-x: hidden。它會隱藏水平滾動條。使用overflow: hidden將隱藏垂直和水平滾動條。

來源

2017-06-22 19:20:39 Gummybearicious

：hidden'會躲在兩垂直和水平滾動條。 – Gummybearicious

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

來源

2017-06-22 19:20:53

CSS屬性overflow: hidden;隱藏所有滾動並禁用任何滾動，因爲我知道。

來源

2017-06-22 19:21:05 Sergey

-1

請嘗試添加以下CSS到你的頁面：

body { 
    overflow-x: hidden; 
}

希望我幫助;）

來源

2017-06-22 19:22:09 Komninos

使用overflow-x:hidden;隱藏水平滾動條。

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

來源

2017-06-22 19:24:42 mayank

刪除或隱藏水平滾動條

回答

相關問題