HTMLでブラウザのスクロールバーを強制的に表示および非表示にする方法

ウェブサイトを作成したところ、あるページが他のページと少し違って表示されました

観察とデバッグを通じて、ページの縦の高さがオーバーフローしていないことがわかりました。スクロール バーを呼び出すことができませんでした。

その結果、他のページに対して中央に配置した場合に数ピクセルの差が生じ、

ページの効果が不親切になります。

解決策: すべてのページでブラウザのスクロール バーを強制的に追加または非表示にします。

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

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

html { overflow: scroll; }

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

html { overflow: hidden; }

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

html { overflow-x: hidden; }

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

html { overflow-y: hidden; }

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

html { overflow-x: scroll; }

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

html { overflow-y: scroll; }

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

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

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

//Mozilla の垂直スクロール バーは表示されません。垂直スクロール バー:

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

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

以上がHTMLでブラウザのスクロールバーを強制的に表示および非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。