Web ブラウザでスクロールバーによるページの位置変更を防ぐにはどうすればよいですか?

スクロールバーによるページの再配置の回避

問題の説明:

特定の Web ページではスクロールが必要です、そうでない人もいます。これらのページ間を移動すると、スクロールバーの有無によってページがわずかに移動します。

解決策:

スクロールバーを明示的に表示せずにこの位置変更を防ぐには、次の手順を実行します。

1. 次の CSS プロパティを に追加します。 tag:

html {
  overflow-y: scroll;
}

説明:

overflow-y:scroll により、ページの位置を維持しながら垂直スクロールが可能になりますビューポート内で。これにより、スクロールバーの表示または非表示時にページが横に移動しないようにします。

注:

overflow-y:scroll は、 タグに適用する必要があります。 タグ。 タグと一緒に使用すると、Internet Explorer 7 で二重スクロールバーが表示される場合があります。

以上がWeb ブラウザでスクロールバーによるページの位置変更を防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。