Creating Smoothscroll in creative websites

Some websites only scroll up and down.

This website scrolls down, then to the right, then down again.

Here's the trick to create horizontal views while you are scrolling:

1. Use Lenis for the smooth scroll
2. Gsap Scrolltrigger for the scroll animations
3. Pin the horizontal section to the screen for 300vh. This will keep the element on view for that ammount of scroll and add empty padding for that space.
4. Animate the pinned section to the left.

The website is always scrolling downwards,but the fake padding makes it seem like it's not.

Site by @matvoyce

Видео Creating Smoothscroll in creative websites канала Daniel Velasquez