このペンで示されているように、ナビゲーション バーへのアクセスを維持しながらポップアップを作成したいと考えています (そのため、Bootstrap の Modal を使用していません)。問題は、スクロールバーを常に保持したいだけでなく、ポップアップがアクティブな間は背景のスクロールを無効にしたいことです。
これまでに多くのことを試しましたが、言及する価値があるのはoverflow: hidden、ボディに設定して (スクロールバーを削除してスクロールを防止するため)、スクロールバーを強制的にオン.popupにすることだけですが、これはまだナビゲーションバーを考慮していません。ジャンプします。
まだ試していない唯一のことは、ポップアップに元のナビゲーション バーと同じナビゲーション バーを含めることです。しかし、トラブルを求めている私には、別の方法はありますか?
スクロールバーの幅を計算する方法、またはより具体的には、スクロールバーがあるかどうか (OS X のように) を知っていれば、問題にはなりません。この技術は信頼できるようです。
以前にも同様の質問に回答があったことは承知していますが、この特定の状況に対する解決策を見つけることができませんでした。