Gunnar Bittersmann: feststehender header

Beitrag lesen

SELF-Forum

feststehender header

Gunnar Bittersmann Homepage des Autors
– Informationen zu den Bewertungsregeln

@@JürgenB

https://wiki.selfhtml.org/wiki/CSS/Tutorials/Ausrichtung/position#position:_sticky könnte helfen.

Nein, das allein ist eher schädlich als dass es hilft. Bei Tastaturnavigation kann so das fokussierte Element durch den Header verdeckt sein. Beim Anspringen seiteninterner Links ist deren Beginn durch den Header verdeckt.

Beides sollte vermieden werden, indem man scroll-padding-top auf die Höhe des Headers setzt. Da man diese i.a.R. nicht kennen kann, muss sie mit JavaScript ermittelt werden – initial[1] und bei Änderungen der Höhe, letzteres am besten mit ResizeObserver.[2] Die Übergabe erfolgt dann vorzugsweise über eine custom property.

Zu sehen, wo nie ein Mensch zuvor gewesen ist.

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

--
Ad astra per aspera

  1. https://forum.selfhtml.org/self/2023/feb/26/array-findlast-in-php/1806712#m1806712 ff. ↩︎

  2. https://forum.selfhtml.org/self/2022/mar/06/strange-rendering-bug-im-firefox/1797318#m1797318 unterm Strich ↩︎

Beitrag melden
–
Informationen zu den Bewertungsregeln