Ability to jumpTo (or similar) to slide instead of scrollTo

[simon-mundy]

Feature request is related to

• [ ] The Vanilla JavaScript version
• [ ] The React version
• [x] The Embla Carousel core (all versions)
• [ ] Documentation website
• [ ] Other

Is your feature request related to an issue?

• There are situations where I would like to create a Carousel in a modal overlay and jump to a specific slide rather than scrolling/animating to it.

Describe the solution you'd like

• Could a new set of methods (e.g. jumpTo or select) be added to allow a non-animated jump to a specific slide.

[davidjerleke]

Hi Simon (@simon-mundy),

Thank you for your feature request.

There are situations where I would like to create a Carousel in a modal overlay and jump to a specific slide rather than scrolling/animating to it.

Have you tried using the startIndex option? Usage looks like this:

VanillaJs

const embla = EmblaCarousel(emblaNode, { startIndex: 2 })

ReactJs

const embla = useEmblaCarousel({ startIndex: 2 })

You can also make use of the reInit method like so:

VanillaJs or ReactJs

embla.reInit({ startIndex: 2 })

If we're to add this feature to the Embla core, I think we need to add it to the following methods:

• scrollTo
• scrollNext
• scrollPrev

One way to do it would be to add a boolean as a second argument that triggers an instant scroll. The default value for this will be false:

embla.scrollTo(2, true) // Scrolls instantly 

Let me know what you think.

Best, David

[davidjerleke]

Hello Simon (@simon-mundy),

I've been wanting to add this feature to Embla Carousel myself so I just added it and released v4.4.0, which has this feature. Please try it out and let me know if it's working as intended.

Best, David

[simon-mundy]

Amazing! Thankyou @davidcetinkaya will give it a try ASAP

[davidjerleke]

Great @simon-mundy. Let me know if it’s working as intended.

[davidjerleke]

@simon-mundy closing this as resolved. Feel free to open it if you run into any issues.

Best, David