test
Waypoints Scroll Animation
This implementation uses Waypoints.js to trigger the card animations as you scroll, replicating the GSAP ScrollTrigger effect you requested.
+30%
Increase in Conversion Rate
Increase Case Acceptance by
30%
Get Paid
100% up front
100%
Industry Leading Approval Rate
Implementation Details
- Replaced GSAP ScrollTrigger with Waypoints.js for scroll detection
- Each card has been initialized with opacity: 0 and transform: translateX(500px)
- Waypoints detects when the container .scrollboxxx enters the viewport
- When triggered, cards animate in sequence with a staggered delay
- Applied back-out easing effect using CSS transitions
- Added hover effects for enhanced interactivity
↓ Scroll down to see the animation in action ↓