ホームページ >ウェブフロントエンド >htmlチュートリアル >ブラウザのスクロールバーの強制表示と非表示に関するhtml_html/css_WEB-ITnose

ブラウザのスクロールバーの強制表示と非表示に関するhtml_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:40:231316ブラウズ

ブラウザのスクロール バーは、一部の特殊な表示では必要ないため、非表示にする必要があります。この記事では、IE の水平または垂直スクロール バーを非表示または表示するための実装コードを主に紹介します。

関連する CSS コードは次のとおりです。

//スクロール バーを強制的に表示します:

html { overflow:scroll; }

//スクロール バーを強制的に非表示にします:

html { overflow: hidden }

// IE の水平スクロール バーを非表示にする:

html { overflow-x: hidden; }

// IE の垂直スクロール バーを非表示にする:

html { overflow-y: hidden; }

// IE の表示を強制する水平スクロールバー Bar:

html { overflow-x:scroll; }

//IE の垂直スクロールバーを強制的に表示します:

html { overflow-y:scroll }

//Mozilla の水平スクロールバーを強制的に表示します:

html { overflow:-moz-scrollbars-horizo​​ntal; }

//注: 垂直スクロール バーを表示する必要がある場合でも、水平スクロール バーのみが強制的に表示されます。スクロール バーは表示されません。

//Mozilla の垂直スクロール バーを強制表示します:

html { overflow:-moz-scrollbars-vertical; }

//注: 他のバージョンでは、垂直スクロール バーのみが強制的に表示されます。つまり、水平スクロール バーを表示する必要がある場合でも、水平スクロール バーは表示されません。

Letuo は、広州 Web サイトのデザイン、広州 Web サイトの制作、モバイル Web サイトの構築、WeChat Web サイトの構築、HTML5 などのサービスを顧客に提供することを専門としています。必要な場合は直接ご連絡ください。

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