Jump to content
Search Community

Auto Infinite Scroll Image Gallery

shMattyP93 test
Moderator Tag

Recommended Posts

Attached is the layout in which I would like to animate. There is a gallery of 8 images where only 4 are displayed at a time, but I'm using the extra 4 to create and infinite scrolling effect. I'm not exactly sure where to start with this as I've tried other ways that I have found in the Forums here but haven't had any luck. 

 

Here is what I would like to do, but with images.

See the Pen dyVKvKj by akapowl (@akapowl) on CodePen

 

Thank you in advance for your assistance!

See the Pen qBYaEjg by MattyP93 (@MattyP93) on CodePen

Link to comment
Share on other sites

Normally we don't build it for you, but this was pretty straightforward and I wanted to help you out: 

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

 

It's using Observer so you don't even need ScrollTrigger or pinning - it's just listening for wheel/scroll/touch events. 

 

I also smoothed out the transition so that it didn't just suddenly jerk in the opposite direction. 👍

 

I hope that helps. 

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.
×
×
  • Create New...