Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

[Gunnar Bittersmann]

@@Auge

Wenn eine Website so kurz ist, dass sämtlicher Inhalt auf eine Bildschirmhöhe passt, wird im Firefox (von dem kenne ich das Verhalten)

?? Von anderen Browsern nicht?

Auf macOS verhalten sich Safari, Firefox und Chromia identisch: Bei nicht überlagernder Scrollbar (Systemeinstellungen > Erscheinungsbild > Rollbalken einblenden: immer) springt der Inhalt beim Seitenwechsel horizontal, wenn man von einer Seite mit wenig Inhalt (keine Scrollbar) zu einer mit viel Inhalt (mit Scrollbar) oder andersrum wechselt (beim Default scrollbar-gutter: auto).

Das Verhalten hat doch eher mit dem jeweiligen Betriebssystem zu tun als mit dem verwendeten Browser‽ Oder ist das auf anderen Betriebssystemen anders? (Browser haben vom OS abweichende Einstellungen für Scrollbars?)

Mit scrollbar-gutter: stable both-edges springt es in Firefox und Chromia nicht mehr. Im Safari aber weiterhin, da der scrollbar-gutter nicht unterstützt. Kann man ihm auch nicht verübeln, da auf macOS überlagernde Scrollbars voreingestellt sind und das vermutlich kaum jemand ändert; d.h. man braucht das Feature in Safari auch nicht.

🖖 Живіть довго і процвітайте