So I’m trying to make a page where when the user scrolls it scrolls horizontally (it’s not a big page) and it has a video-scroller (so videos in a container where
The container has an overflow in the x direction. That is why I added overflow-x.
There is a horizontal scrollbar but when I scroll on my mouse it does not move horizontally. I want it so that when the user scrolls the web page moves left to right.
I’ve even tried putting the overflow on my body element and nothing seems to be working.
Any help will be appreciated!
You have to add JS for the mouse wheel. If you search for it you should find a bunch of articles.
It should be said that many consider it bad UX as you are in effect hijacking the mouse wheel input.
You can do it in pure CSS but that is pretty “hacky”
Thank you for answering!
e.scrollLeft += 100;
code, however I am getting glitches when I scroll as in, it is not smooth scrolling.
Thank you for helping me out!
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.