Gunnar Bittersmann: feststehender header

Beitrag lesen

@@Roter Sand

Moin, leider habe ich Dein script nicht so zum laufen gebracht, wie ich es in Anbetracht von „Discovery“ erhofft hatte.

Wenn du nicht zeigst, was du gemacht hast, kann man dir auch nicht sagen, was du falsch gemacht hast.

„head“ konnte ich mittels eines css-tricks-Beitrags (title in html formatiert) kontrolliert öffnen.

Leider verstehe ich das „display: none“ nicht, da es doch default ist.

Ah, das Zeugs. Brauchst du nicht.

Ich setze head { display: block } und alles darin head > * { display: none }, damit ich ein Element habe, das ich per IntersectionObserver beobachten kann, um die Linie unter dem Header ein- und auszublenden.

Was du brauchst, ist der Teil mit header (nicht zu verwechseln mit head!) und ResizeObserver.

Wie in diesem Beispiel, wo nicht was ist, was ablenkt.

Und in jenem Beispiel ist umgesetzt, was @JürgenB sagte.

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

--
Ad astra per aspera