Create an option to block excessive scrolling

Hi @davidjerleke!

Embla currently has ways to remove the leading and trailing blanks from the Slider (containsScroll: true), but still allow for excessive scrolling. It would be interesting to add an option to block this scroll and stop it when it reaches the end or beginning of the Slider. I would like to know what you think of this idea

Below is the example of the “excessive scroll” I am referring to

[davidjerleke]

Hi @joeyvanlierop, @jeiea,

To anyone wanting to block excessive scrolling: You can use the following code snippet:

const embla = EmblaCarousel(emblaNode, { skipSnaps: false });

const preventEdgeScrolling = (embla) => {
  const { limit, target, location, scrollTo } = embla.dangerouslyGetEngine();

  return () => {
    if (limit.reachedMax(target.get())) {
      if (limit.reachedMax(location.get())) location.set(limit.max);
      target.set(limit.max);
      scrollTo.distance(0, false);
    }
    if (limit.reachedMin(target.get())) {
      if (limit.reachedMin(location.get())) location.set(limit.min);
      target.set(limit.min);
      scrollTo.distance(0, false);
    }
  };
};

embla.on("scroll", preventEdgeScrolling(embla));

Cheers, David

[davidjerleke]

Hello Laks (@LaksCastro) and Joey (@joeyvanlierop)!

Thank you for your question Joey. The answer to your question is no, not yet. But I’ve quite recently added this to my list of things to investigate, together with issue #38, because it seems like these issues are getting a bit of traction. Please note that I can’t promise any outcome but I will at least look into it further.

I can’t give an ETA for this though. Public feature requests are progressing quite slow right now due to lack of time.

I hope you understand.

Best, David