刪除手機中的水平滾動條

Question

我發現很難刪除移動設備上的水平滾動條，我真的需要一些可以幫助我刪除它的請真的很感激。

<meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no"> 

CSS

{ 
    margin:0; 
    padding:0; 
} 


body 
{ 

    overflow-x:hidden; 
    overflow-y:scroll; 
    width:100%; 
} 
.header 
{ 
    background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(../img/website-startups.jpg); 
    height:100vh; 
    background-position: center; 
    background-size: cover; 
} 

Answer 1

可以隱藏下面的CSS您的滾動條.. 這個添加到你不希望別人看到您的滾動條的頁面

::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px transparent; 
    background-color: transparent; 
} 

::-webkit-scrollbar 
{ 
    width: 6px; 
    background-color: transparent; 
} 

::-webkit-scrollbar-thumb 
{ 
    background-color: transparent; 
} 

Answer 2

這會禁用你的滾動條

::-webkit-scrollbar { 
display: none; 
}