モバイルの水平スクロールバーを削除する

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を使用してスクロールバーを非表示にすることができ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

.. あなたは人々があなたのスクロールバー

を表示したくないページにこれを追加

::-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; 
}