ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでスクロールバーを削除する方法

CSSでスクロールバーを削除する方法

青灯夜游
青灯夜游オリジナル
2021-05-07 17:57:3215569ブラウズ

削除方法: 1.「::-webkit-scrollbar{display:none}」スタイルを使用して削除します。2.「-ms-overflow-style:none」スタイルを使用して削除します。3.「」を使用します。 overflow: -moz-scrollbars-none」スタイルの削除。

CSSでスクロールバーを削除する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css スクロール バーを削除 (非表示)

カスタム スクロール バーの疑似オブジェクト セレクターを使用します::-webkit-scrollbar。ただし、この方法は IE と互換性がありません。モバイル ユーザーの場合は、

//谷歌适用
::-webkit-scrollbar{
    display:none;
}

IE 10

.element { -ms-overflow-style: none; }

Firefox

.element { overflow: -moz-scrollbars-none; }

学習ビデオ共有: css ビデオ チュートリアルを使用できます。

以上がCSSでスクロールバーを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。