Wie erstelle ich mit JS einen Parallaxen-Scroll-Effekt, der die Stockwerke eines Gebäudes mit Bild zählt?Jquery

JQuery-Programmierung
Anonymous
 Wie erstelle ich mit JS einen Parallaxen-Scroll-Effekt, der die Stockwerke eines Gebäudes mit Bild zählt?

Post by Anonymous »

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?

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post