Wenn Sie von einer Seite einer Website, die keine Scrollbar hat, zu einer anderen wechseln, die eine Scrollbar hat, sehen Sie eine leichte Layoutverschiebung, da sich die Elemente etwas nach innen schieben, um Platz für die Scrollbar zu schaffen.
Eine klassische Lösung war html { overflow-y: scroll; }, um die Scrollbar ständig anzuzeigen. Ayke van Laëthem hat eine elegantere Lösung gefunden: html { margin-left: calc(100vw - 100%); }. Dies funktioniert, weil vw die Scrollbar berücksichtigt und % nicht. Lesen Sie es einfach, da es ohnehin ein paar weitere Dinge gibt, auf die Sie achten müssen.
Ziemlich gut für einen ersten Blogbeitrag, Ayke!