Full Width Header Shifts als Bildlaufleiste Erscheint

Question

Ich habe eine seltsame Frage - ich entschuldige mich, wenn es ein dummer ist. Bitte notieren Sie den Code zu groß, um ihn in einem Snippit zu reproduzieren, also poste ich die link here.

Die Seite, die ich erstelle, ist eine kleine Intranetseite mit einer Kopfzeile voller Breite. Wenn der Benutzer auf die Schaltfläche neben der Schaltfläche zum Senden klickt, öffnet sich eine div von oben und schiebt den Inhalt nach unten. Mein Problem ist in meinem Code-Editor gibt es keine Bildlaufleiste auf der Seite, so wenn die div öffnet es die gesamte Seite etwas nach links, um die Bildlaufleiste zu kompensieren.

Auf Codepen habe ich die Shell der Website eingefügt, aber da eine Bildlaufleiste in seinem Codebereich enthalten ist, kann das Problem nicht genau reproduziert werden.

Gibt es eine Möglichkeit, die fehlende Bildlaufleiste in meinem Code zu kompensieren? Vielleicht zwingt man, dort zu sein?

Jede Hilfe wäre großartig.

Answer 1

Sie können eine vertikale Bildlaufleiste zwingen, die folgende CSS-Regel auf den Körper durch Zugabe:

overflow-y: scroll;

Answer 2

EDIT: ich Ihre Frage falsch verstanden.

Das gesamte bewegliche Element absolut positionieren und um einen Container wickeln. Die Bildlaufleiste erscheint auf dem Verpackungsbehälter, nicht auf dem Element selbst. Und weil es mit der absoluten Position sein wird, wird es keine Änderung der Position geben, sobald die Bildlaufleiste erscheint.