Zwei Spalten, ein Scroll: Fotos rasen schneller an dir vorbei
Multi-Column Different-Speed Scrolling
Ein Foto-Gallery-Experiment, bei dem die rechte Spalte schneller scrollt als die linke – ganz ohne JavaScript. Der Trick: Scroll-Driven Animations vom Typ scroll() verschieben die Spalte per transform, während die Seite nach unten läuft. Zusätzlich zoomen einzelne Bilder beim Durchlaufen der Seite leicht heran. Alles progressive enhancement mit @supports, die Bilder öffnen sich als popover. Sogar ein komplett umgekehrter Scroll der rechten Spalte ist umgesetzt.
Es ist egal, wie die Dinge an dir vorbeiziehen – es könnte horizontal scrollen, mit unterschiedlichen Geschwindigkeiten oder rückwärts –, weil du ohnehin nur erkundest.