Content verschiebt sich bei Darstellung im Browser nach links

[Gunnar Bittersmann]

@@quincunx

… wird zwar rechts immer der Bereich für den Scrollbalken mitgerendert …

Einen Scrollbalken darszustellen, wenn es gar nichts zu scrollen gibt, also ein UI-Element anzubieten, das überhaupt keine Funktion hat, ist nicht das, was man den Nutzern zumuten will.

Besser ist es dafür zu sorgen, dass die Box des html-Elements so breit ist wie der Viewport:

html
{
	width: 100vw;
	overflow-x: hidden;
}

(Funktioniert im Firefox. Andere Browser hab ich jetzt nicht getestet.)

Ergänzung: Damit Inhalte nicht unter einer evtl. angezeigten Scrollbar verschwinden, wäre entsprechendes Padding vorzusehen.

LLAP 🖖