Jump to content


Smooth scrolling: Horizontal LERP not working

Recommended Posts



I've tried achieving the smooth scrolling LERP effect for a website but it seems that it does not work with the horizontal scrolling section. When I try to activate it the horizontal section just turns white or just messed up. Any ideas how to overcome this? 


My pen: 

I've followed this example: https://greensock.com/forums/topic/17300-smooth-page-scroll/


Thanks in advance!

See the Pen LYEvomN by rulloliver (@rulloliver) on CodePen

Link to comment
Share on other sites

Hey rulloliver and welcome to the GreenSock forums.


I'm betting that the issue is caused by conflicting positions of the scroll position. ScrollMagic is telling it one thing while your onScroll function is telling it something else. 


We don't really support ScrollMagic here and I'm not familiar with how it works, but I am guessing you'd have to have a method that works more in pair with ScrollMagic, not separate from it. Sorry, I can't help you much there.


I will say that you can likely drop ScrollMagic and use alternative ways of doing similar behavior depending on exactly what you need. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.