pixelguy

I was able to change the slider with the seamlessLoop helper function and I could solve a few points. Now I try to solve the red ones. The slider should be seamless and and infinite (the elements in the slider should appear again if there are not enough elements for the container width) it should work from left to right and from right to left I want to set the speed with the data attribute "data-scroll-speed" I want to set the direction with the data attribute "data-scroll-direction" If I set the data attribute "data-scroll-auto" to "true" the slider should be in autoplay mode If I set it to "false" the slider should animate based on the scroll speed of the page with different directions if I scroll up or down (initial direction based on data-scroll-direction). https://codepen.io/cray_code/pen/KKJRJeP

Hi, I'm trying to create a marquee slider with a few options. The slider should be seamless and and infinite (the elements in the slider should appear again if there are not enough elements for the container width) it should work from left to right and from right to left I want to set the speed with the data attribute "data-scroll-speed" I want to set the direction with the data attribute "data-scroll-direction" If I set the data attribute "data-scroll-auto" to "true" the slider should be in autoplay mode If I set it to "false" the slider should animate based on the scroll speed of the page with different directions if I scroll up or down (initial direction based on data-scroll-direction). At the moment some of the things are working kind of but not really. And I'm going crazy because I'm not able to find a solution for my problem. Here's my current code: https://codepen.io/cray_code/pen/WNPJavY Are there any good examples for what I want to achive?