As the title says, I'm trying to hide the scroll bar of a flex container but i want to retain the user's ability to scroll as if the overflow wasn't hidden. Apologies if this has been answered before, I wasn't able to find a solution. Thanks!
I'm sorry to say I'm not sure about how to hide the scroll bars, but this sounds like a bad idea anyway. Scroll bars exist to convey that an area can be scrolled; remove them, and you're only going to increase confusion.
1 Like
Normally I'd agree, but I've made it obvious in other ways that it's a scrollable area. The scroll bar just takes up real estate.
Put the following in the stylesheet.
::-webkit-scrollbar{
display: none;
}
1 Like
Is there a way to only have this apply to one FlexContainer? I tried putting this in a style as shown below but it still applied globally (didn't even know this was possible)
Follow this example: Perspective - Numeric Input Value Component BUG? - #10 by cmallonee
You can omit the input piece of the selector.
1 Like
That did it, thanks!
1 Like