RoseMakh Comments - Answer Overflow

RoseMakh

Posts Comments

KPCKevin Powell - Community

•Created by Gulian on 3/2/2025 in #front-end

Infinite carousel gets stuck when scrolling too fast

It still gets "stuck" but not as often. That's the most help I can offer for now.

6 replies

KPCKevin Powell - Community

•Created by Gulian on 3/2/2025 in #front-end

Infinite carousel gets stuck when scrolling too fast

I don't know if I fixed it completely but it works quite smoothly for me if the scroll listener is turned off before snapping the carousel to the start and end positions, then added back onto the carousel after snapping:

infiniteScroll = () => {
    if (carousel.scrollLeft() <= scrollTriggerStart) {
        carousel.addClass('no-transition');
        carousel.off('scroll');
        carousel.scrollLeft(seamlessPosEnd);
       carousel.removeClass('no-transition');
       carousel.on('scroll', infiniteScroll);
    } else if (carousel.scrollLeft() >= scrollTriggerEnd) {
        carousel.addClass('no-transition');
        carousel.off('scroll');
        carousel.scrollLeft(seamlessPosStart);
        carousel.removeClass('no-transition');
        carousel.on('scroll', infiniteScroll);
    }
}

infiniteScroll = () => {
    if (carousel.scrollLeft() <= scrollTriggerStart) {
        carousel.addClass('no-transition');
        carousel.off('scroll');
        carousel.scrollLeft(seamlessPosEnd);
       carousel.removeClass('no-transition');
       carousel.on('scroll', infiniteScroll);
    } else if (carousel.scrollLeft() >= scrollTriggerEnd) {
        carousel.addClass('no-transition');
        carousel.off('scroll');
        carousel.scrollLeft(seamlessPosStart);
        carousel.removeClass('no-transition');
        carousel.on('scroll', infiniteScroll);
    }
}

6 replies

Gaming

Programming