Fullscreen Menu Animation bug

Bitte schaut mal genau bei der Menü-Aufruf auf die zwei innerliche Container Abschnitte, die von Oben und Unten aufeinander zukommen. (ser-go.com)

Zum Schluss der Animation ist eine kleine Verschiebung nach rechts zu sehen. Ich bin mir nicht sicher, wann genau es gekommen, ich bin auch sehr pingelig beim sowas und es war auf jeden Fall am Anfang nicht so.

Ich habe schon sämtliche paddings auf null gesetzt (man kennt es von Elementor beim Innenabschnitten, "kein padding eingestellt" und "padding 0" ist nicht gleich), der Bug bleibt trotzdem da und treibt mich in den Wahnsinn.

Bitte um den Hinweis, falls jemand weißt, woran es liegen kann :)

Zitat von meisterleise

Doch, war sicher von Anfang an so. ;) Das ist kein Bug, sondern ein typisches Scrollbalken Problem (und hängt übrigens auch vom OS und verwendetem Browser ab). Nicht die eleganteste, aber die einfachste Lösung: Setze die Höhe deines Popups von 100vh auf 100.1vh.

p.s.: Was mich auch noch stören würde ist, dass dein Close Button schon erscheint, bevor die Animation fertig ist.

- Das mit 100.1vh hat es super geholfen!
- Zur Close Buttons stimme ich vollkommen zu. Seit gestern versuche ich auch, den Close-Button und das Hamburger-Icon anzusprechen, um den Outline-Effekt auszulassen. Leider ist es mir bisher nicht gelungen, dies sowohl mit den vorhandenen Klassen als auch über eine eigene ID oder Klasse umzusetzen. :confused:

NACHTRAG! Es hat doch geklappt, auch die Verzögerung einzubauen! Danke für den Hinweis! Was für ein super Forum!!!!!!!!!!!!!!! :rolleyes: