Jump to content
GreenSock

lklio

Infinity CSS scroll snapping

Recommended Posts

Hi everyone,

I've seen this demo to use CSS scroll snapping.

I've tried to mix this setup with looped scrolling

See the Pen rNOebyo by GreenSock (@GreenSock) on CodePen

)
but I can't find the right setup.

Is this mix possibile? Any ideas about?

 

Thanks in advance

See the Pen YzyaKrq by GreenSock (@GreenSock) on CodePen

Link to comment
Share on other sites

Hi lklio,

 

I wouldn't expect it to. This loop is just going to mess everything up.

 

See the Pen NWwEzrx by GreenSock (@GreenSock) on CodePen

 

Link to comment
Share on other sites

Thanks for reply @OSUblake

I 've seen problems with first and last section.

I've tried to create an infinity vertical scroll with auto snap to section but I can't understand how to make the cycling effect.
Are there any alternatives?

Link to comment
Share on other sites

Before trying to work on solution, you'd first need to think about the desired behavior. How is supposed to snap to the first panel? As soon it stops, it's going to loop the last panel. And the same goes with the last panel. As soon as it stops, it's going to loop to the first panel.

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.
×