Hi!
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
.video-container {
display: flex;
flex-direction: row;
overflow-x: auto;
}
).
The container has an overflow in the x direction. That is why I added overflow-x.
The Problem:
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 tried
.video-container {
overflow-x: scroll;
overflow-y: hidden;
}
I’ve even tried putting the overflow on my body element and nothing seems to be working.
Any help will be appreciated!