Hat hier jemand Erfahrung mit Parallax-Scrolling, um die Stockwerke eines Gebäudes zu zählen? =))
Beim Scrollen werden die Stockwerke entsprechend dem Verhältnis des gescrollten Bildes gezählt, aber ich habe Probleme mit der Reaktionsfähigkeit. Wenn ich die Fenstergröße ändere, ändert sich das Bildverhältnis, was zu Zählfehlern führt, weil ich getBoundingClientRect() verwende, um die Parameter des Elements abzurufen (ich verwende das PNG-Format für das Bild).
Ich habe auch an eine zweite Lösung gedacht, die darin besteht, es in ein 3D-Video einzumischen und dann GSAPs ScrollTrigger zur Steuerung des Videos zu verwenden, aber das ist nicht machbar, weil ich nicht weiß, wie man Videos erstellt =))
Ich erinnere mich, dass es eine gab eine Website über das Empire State Building in NYC, die auch den Parallax-Scroll-Counting-Effekt nutzte.
Hat jemand eine Lösung?
Wie erstelle ich mit JS einen Parallaxen-Scroll-Effekt, der die Stockwerke eines Gebäudes mit Bild zählt? ⇐ HTML
-
- Similar Topics
- Replies
- Views
- Last post
Mobile version