jakie

Hey @Rodrigo, of course I understand all that, thank you for your time and trying to go through my post hah. Nevertheless you've been more than helpful, especially with the batch solution, this will definitely get me going. Thanks again, hope you have a great day because you've made mine! <3

Hey there, So as the title mentioned, I'm trying to create a menu / list of links, that would be navigable by scrolling the mouse. Something to the likes of this projects menu https://www.contekst.be/projects I'm playing around with this pen https://codepen.io/GreenSock/pen/LYRwgPo but have some questions as I don't fully get how everything works. - First of all I noticed that changing the number of items in the list from the 'default' 30 - like in the original pen, kinda breaks the whole effect. I managed to make it work with a list of 10 items by adjusting the 'end' value in the 'trigger'. So the question I have for this - is this pen specifically made for certain number of items, or I'm just missing an option that I could adjust to make it work with any number of items in the list? Or for every added item I would need to redo some maths or timings? If it would be hard to just add or remove items from the list on the fly, is it possible to convert this to non-infinite scrolling cards? So the scrolling just stops at the bottom of the page / on the last card but the cards still get highlighted in the middle. - Another question I have is regarding the transition, how can I control it? For example so that the cards don't just gradually fade to white, but every non 'selected' card just turns white immediately? Not sure what creates these steps in the transitions. - And lastly, how could I mark the card in the middle as 'active'. For example adding a class to it when it is 'highlighted'. I'm not sure how could I specifically refer to the 'highlighted' card in the middle, so that for example I can make a mouse-click open a link of that specific card. Thanks in advance and sorry for such a loaded topic. I'm trying to reverse engineer the original pen but I kinda get lost with the more advanced js / gsap stuff when it comes to the looping and such.