Scrollverhalten

[rzscout]

Hintergrund ist folgender. Ein Bekannter möchte einen Header wie auf dieser Seite allerdings keine komplette "Scroll-Snap Seite" sondern es geht ihm lediglich um den Header. Also habe ich das nach meinen Möglichkeiten nachgebaut LINK (Code im ersten Post). Das Problem dabei ist das man eben einen Pixel scrollen muss bis das Overlay auf Null gesetzt ist. Dabei wird am Scrollrad auch mal so viel gedreht das der Header schon fast weg gescrollt ist.

Aber du hast vermutlich recht. Da ich ja nicht weiß wie weit beim ersten mal gescrollt wird ist das wohl der falsche Weg. 
Da ist wohl "Scroll-Snap" doch der Weg. Da habe ich aber leider auch noch keine Erfahrungen.
Oder eventuell eine kurze Wartezeit bis bis das Overlay auf Null gesetzt wird.

Hi Mario,
ich würde da immer aufpassen. Das Problem liegt hier dass das Scrollverhalten bei Browsern unterschiedlich ist. Das hat nix mit nichteinhaltung von Webstandards zu  tun, sondern bestimmte Features die ein Browser zusätzlich den Besucherinnen und Besucher geben möchte. Mit CSS kann man bestimmte Scroll-Eigenschaften beeinflussen und das Browser-übergreifend.

Der Trick hier mit dem Scrollen ist, das hier Schattenelemente gescrollt werden. Diese kann man mithilfe von CSS sogar ansprechen und so Sachen anmiert ein- oder ausblenden.