スクロールバーが表示されているので、全幅ヘッダーが移動する

Question

私は奇妙な質問があります。私はlink hereを投稿しているので、スニペットで再現するには大きすぎるコードをメモしてください。

私が作成しているページは、フルサイズのヘッダーを持つ小さなイントラネットページです。ユーザーが送信ボタンの横にあるボタンをクリックすると、上からdivが開き、コンテンツがプッシュダウンされます。私の問題は私のコードエディタではページ上にスクロールバーがないので、divが開くとスクロールバーを補うためにページ全体が少し上にポップされます。

コードェンでは、サイトのシェルを貼り付けましたが、コード領域にスクロールバーが含まれているため、問題は完全には再現できません。

私のコードでスクロールバーの不足を補う方法はありますか？おそらくそこにいるように強制するのだろうか？

どのようなヘルプも壮大になります。

Answer 1

あなたは、本体に次のCSSルールを追加することにより、垂直スクロールバーを強制することができます。

overflow-y: scroll;

Answer 2

EDITを：私はあなたの質問を誤解。

移動要素全体を絶対配置し、それをコンテナの周りにラップします。スクロールバーは、要素自体ではなくラッピングコンテナに表示されます。また、絶対位置にあるため、スクロールバーが表示されても位置の変更はありません。