2016-05-18 9 views
0

ねえスクロールバーは「隠された」私がしたいの利用オーバーフロー-yはいけない作ることが可能です:隠された背景などの だけで何か:透明またはその- 透明

答えて

1

Hereのようなものをあなたは説明を見つけるだろうCSSだけでスクロールバーを隠す方法
ここでは、exampleの中で、たとえばdiv内でスクロールバーを非表示にする方法を見つけることができます。
2番目の例のトリックは、周囲のものより広いdivコンテナを定義することです。

.hidden-scrollbar .inner { 
    height:200px; 
    overflow:auto; 
    margin:15px -300px 15px 15px; 
    padding-right:300px; 
} 

マージンとパディングの値を指定してarroundを再生してください。

2

Webkitベースのブラウザ(ChromeとSafari)でスクロールバーを非表示にするCSSルールがあります。そのルールは次のとおりです。

.element::-webkit-scrollbar { width: 0 !important } 

u幅/背景色などのプロパティを変更できます。

::-webkit-scrollbar { 
    width: 12px; 
} 

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    border-radius: 10px; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
} 

このCSSコードは、Webkitのブラウザで

0

を働くかもしれない:

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