javascript.js

//component-15
const tabNav = document.querySelector("#component-153 > div.tab-nav.svelte-1uw5tnk");
//const tabNav = document.querySelector('.tab-nav');
tabNav.addEventListener("wheel", (event) => {
	event.preventDefault();
	const scrollLeft = tabNav.scrollLeft + event.deltaY;
	tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth));
});

tabNav.addEventListener("mouseover", () => {
	tabNav.addEventListener("wheel", (event) => {
		event.preventDefault();
		const scrollLeft = tabNav.scrollLeft + event.deltaY;
		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth));
	});
});

tabNav.addEventListener("mouseout", () => {
	tabNav.removeEventListener("wheel", (event) => {
		event.preventDefault();
		const scrollLeft = tabNav.scrollLeft + event.deltaY;
		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth));
	});
});