オーバーフローを使用すると、デフォルトスタイルのスクロールバーを非表示にするには：scroll;私が達成したい

Question

効果は、ページをスクロールできるようにすることですが、あなたが使用できるデフォルトのスクロールバーを非表示にするにはバー

Answer 1

をスクロールしません。

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

私は前にこの問題を抱えていたし、上記IEを除くすべてのブラウザで働いていたので、あなたは使用することができますハック「」は次のとおりです。

body, div, html{ 
 
    height:100%; 
 
    width:100%; 
 
    padding:0; 
 
    margin:0; 
 
} 
 
body{ 
 
    overflow:hidden; 
 
    position:fixed; 
 
} 
 
div{ 
 
    overflow-y:scroll; 
 
    position:relative; 
 
    right:-20px; 
 
}

<div> 
 
    content<br /> 
 
    content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br /> 
 
    
 
</div>

これにより、スクロールバーがなくてもコンテンツをスクロール可能に保つことができます。