Slide Horizontal dengan Mouse Scroll

.scroll_container {
	display: flex;
	overflow-x: scroll;
	scrollbar-width: none;  
	-ms-overflow-style: none; 
}

.scroll_container::-webkit-scrollbar {
  	display: none;
}

const element = document.querySelector(".scroll_container");

element.addEventListener('wheel', (event) => {
  event.preventDefault();

  element.scrollBy({
    left: event.deltaY < 0 ? -30 : 30,
    
  });
});