Is it possible to detect when the user scrolled the entire component till the very end?

[athosfranco]

I want to execute some code when the user reaches the 'ending' of the horizontal scroll. Is that possible?

[SafraPC]

Yes! you can find the class into the div created by your scroll horizontal and calculate the scroll width and position.

Follow a scroll example :

const wheel = document.querySelector(
".scroll-horizontal"
) as HTMLDivElement;

	if (wheel) {
		wheel.addEventListener("wheel", (e) => {
			const { deltaY } = e;
			const scrollSize = wheel.scrollWidth - wheel.offsetWidth;
			if (scrollValue >= scrollSize) {
				scrollValue = scrollSize;
				return;
			}
			if (scrollValue < 0) {
				scrollValue = 0;
				return;
			}

			if (deltaY > 0) {
				scrollValue -= 100;
				wheel.scroll(scrollValue, 0);
				return;
			}
			scrollValue += 100;
			wheel.scroll(scrollValue, 0);
		});
	}

The scrollValue corresponding where the scroll are in scrollvalue position.

if (scrollValue >= scrollSize) is the end.