Jump to content

Victor Work

Smooth infinite scroll

Recommended Posts

Hello guys,
I'm trying to make an infinite scroll based on that reference: (This site).

But I have not tried in some ways to leave the scroll smooth, with ease, but without much success,
is there a way to do this through tl.progrees ()?

Any help will be very valuable.


See the Pen pGqQje by victorwork (@victorwork) on CodePen

Link to comment
Share on other sites

one approach would be to tween the progress() of the timeline instead of setting it like




//tl.progress( scrollPercent ).pause(); 
 TweenLite.to(tl, 0.5, {progress:scrollPercent})


I did that for when you scroll down. Feel free to play with the values and add it to other conditions


See the Pen qgLwMN?editors=0010 by GreenSock (@GreenSock) on CodePen


  • Like 3
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.