document.addEventListener('DOMContentLoaded', () => {
// Select the horizontal scroll container
const horizontalScrollContainer = document.querySelector('.horizontal-scroll');
if (!horizontalScrollContainer) {
console.warn("Horizontal scroll container not found!");
return;
}
horizontalScrollContainer.addEventListener('wheel', (event) => {
event.preventDefault();
// Determine the scroll direction and adjust accordingly
if (Math.abs(event.deltaY) > Math.abs(event.deltaX)) {
// Convert vertical scroll to horizontal scroll
horizontalScrollContainer.scrollBy({
left: event.deltaY,
behavior: 'smooth',
});
} else {
// Allow default horizontal scrolling
horizontalScrollContainer.scrollBy({
left: event.deltaX,
behavior: 'smooth',
});
}
});
});