スクロールバーを削除してスクロールを許可するにはどうすればよいですか？

私は見たことのほとんどすべてを試しましたが、それでも動作しません。スクロールバーを削除するにはどうすればよいですか？技術的にはあなたがすることはできませんスクロールバーを削除してスクロールを許可するにはどうすればよいですか？

<head> 
 
<style> 
 

 
body{ 
 
\t background-size: 100% 100%; 
 
\t font-smooth: never; 
 
\t -webkit-font-smoothing : none; 
 
\t text-shadow: none; 
 
\t word-wrap: break-word; 
 
\t padding: 0; 
 
\t line-height:12.000000*1.1px; 
 
\t font-size:12.000000px; 
 
\t font-family:Arial; 
 
\t font-color:#FFFFFF; 
 
\t font-weight: bold; 
 
\t width:90%; 
 
\t height:90%; 
 
\t } 
 
</style> 
 

 
</head>

出典

2016-07-03 Matsumoto

、。しかし、あなたは体のために効果的に見えないように、すべてのスクロールバーコンポーネントのスタイルを設定することができます

::-webkit-scrollbar{background-color:#fff;color:#fff;width:0;height:0} 
::-webkit-scrollbar-button{background-color:#fff;color:#fff;width:0;height:0} 
::-webkit-scrollbar-track{background-color:#fff;color:#fff;width:0;height:0} 
::-webkit-scrollbar-track-piece{background-color:#fff;color:#fff;width:0;height:0} 
::-webkit-scrollbar-thumb{background-color:#fff;color:#fff;width:0;height:0} 
::-webkit-scrollbar-corner{background-color:#fff;color:#fff;width:0;height:0} 
::-webkit-resizer{background-color:#fff;color:#fff;width:0;height:0}}

これはWebKitのブラウザーで動作します。

出典

2016-07-03 17:37:16 Emily

「body :: - webkit-scrollbar {display：none;」というだけの理由はありませんか？ } '？ – LarsW

クロムでこれがうまくいくように見える - 興味深い。私はWebkitの古いバージョンが表示を尊重していなかったことを知っています：スクロールバーセレクタのnone。これはブラウザとの最も互換性のある方法です。 – Emily

スクロールバーを削除してスクロールを許可するにはどうすればよいですか？

答えて

関連する問題