HTMLのbody
でのスクロールを完全に無効にしたいのですが。以下のオプションを試してみました。
overflow: hidden;` (機能しません。スクロールを無効にせず、スクロールバーを隠すだけでした。)
position: fixed;
(これは動作しましたが,完全に上にスクロールしてしまい,この特定のアプリケーションでは受け入れられませんでした)
この2つのオプションに代わるものは見つかりませんでしたが、他にありますか?
この記事は参考になりましたが、他の人にも役立つかもしれない、ちょっとした代替案を紹介したいと思います。
heightではなく、
max-heightを設定することでも効果があります。私のケースでは、クラスのトグルに基づいてスクロールを無効にしています。コンテナの高さがビューポートの高さよりも小さいときに
.someContainer {height: 100%; overflow: hidden;}を設定すると、コンテナが引き伸ばされてしまい、望んでいる状態ではありません。max-height
を設定することでこれを考慮することができますが、コンテンツが変更されたときにコンテナの高さがビューポートの高さよりも大きい場合は、やはりスクロールを無効にします。