モバイルでのみカスタムcssスクロールバーを非表示にしますか？

Question

これは可能かどうかはわかりませんが、Webkitを使用するモバイルでは表示されないカスタムスクロールバーを作ったので、画面の右側にギャップがあります（代わりにデフォルトクロム1が現れる）。それはデスクトップ上で完璧に表示されます。

とにかく：
）このスクロールバーをクロームモバイルブラウザに表示します。
b）モバイルでのみカスタムスクロールバーを非表示にするので、ギャップが表示されず、カスタムスクロールバーが同時にデスクトップに表示されるようになります。

::-webkit-scrollbar-thumb { 
 
width:5px; 
 
background-color:black; 
 
} 
 
    
 
::-webkit-scrollbar { 
 
width:5px; 
 
background-color:white; 
 
} 
 

 
::-webkit-scrollbar-track { 
 
    border-radius: 5px; 
 
    background-color: white; 
 
}

Answer 1

あなただけのCSSのソリューションはwhant場合は、このようにメディアクエリを使用することができます。

@media only screen and (max-device-width: 736px) { 

    ::-webkit-scrollbar-thumb, 
    ::-webkit-scrollbar, 
    ::-webkit-scrollbar-track { 
    //default styles 
    } 

} 

しかし、あなたはタッチスクリーンを検出したい場合は、いくつかのJSを使用する必要があります、この仕事のための私のお気に入りのlibはmodernizrです。