Making carousel that is infinitely draggable in both x and y directions.

[Andrii Solonets]

Hi, I'm making a carousel grid that is draggable in both directions and items repeat seamlessly to create a loop. I found an example here of infinite scroll on x-axis, as well as on y, I wonder how to combine them (a similar grid is implemented here https://skylinefilms.tv/). Thanks!

 

[GreenSock]

Hi @Andrii Solonets. Welcome to the forums. 

 

There's no "plug-and-play" solution that I know of. It's totally doable, of course, with custom logic - I just don't have a magic bullet for you were all the code is already written. You could use Draggable and a proxy element and then in an onDrag update the positions in a way that'd automatically wrap those that need it. 

 

If you need help building something like that, you can either contact us directly for paid consulting services or post in the "Jobs & Freelance" forums. 

 

Good luck with the project. Sounds fun. 

[Andrii Solonets]

Thanks, very helpful suggestions, have a great day!