Jamil

Thanks @Rodrigo

Thanks @Cassie and @Rodrigo for your quick help, its working good now but can you please guide where I can increase/decrease speed of sliding/moving of items?

Actually i want a slide child items like html marquee tag vertically, its needs to be continue and not break when its reaches to end here i have created example here https://codepen.io/pro-dev-jamil/pen/WNKMpZV Please let me know if you need more explanation also for you info i have used this code example in my project main issue is when sliding reaches its end its jump and its start from its zero position i want it to move continuously like html marquee vertical sliding, i will much appreciate your help

I have created slider which move vertically like marquee tag of html its working fine but issue is when end reaches its suddenly start from beginning with jumps its weird i want it move to continuously whiteout break or jump in the middle here is my code that ma using, i have used yoyo:true but its start from bottom to top and when end reaches its again slide from top to bottom. Please visit this page to see output of slider https://kendry.ai/homepage/ $(function () { const loop = document.getElementById("slider-v"); console.log(loop); const loopAnim = new TimelineMax({ repeat: -1, yoyo: true, }); let loopItem = (window.innerWidth, loop.children[0]); loop.appendChild(loopItem.cloneNode(true)); loop.appendChild(loopItem.cloneNode(true)); loop.appendChild(loopItem.cloneNode(true)); loopAnim .to(loop, 30, { ease: Power0.easeNone, yPercent: -66.66666 }) .to(loop, 0, { ease: Power0.easeNone, y: 0 }); });