Is there a way to force iOS to display a vertical scrollbar on a desired element?
I've been tearing my hair out trying to figure out why my scrollbars are disappearing, and it turns out it's an iOS thing (possible Mac too?).
The browser is automatically hiding the scrollbars, and they're only showing when I hover the element, which reeeeeeally isn't acceptable as the user needs it conveyed to them that the element is scrollable by sheer virtue of the affordance a scrollbar gives.
This also happens on a desktop browser when viewing the page in devtools as an iOS device.
I've of course tried:
and the like, but support for 'custom' scrollbars was removed from iOS.
The scrollbars work as intended on desktop as best I can figure.
Pen of the an example of the issue (need to swap to iOS or an iOS device in devtools):
https://codepen.io/emsixteen/pen/xxmMXvd
The browser is automatically hiding the scrollbars, and they're only showing when I hover the element, which reeeeeeally isn't acceptable as the user needs it conveyed to them that the element is scrollable by sheer virtue of the affordance a scrollbar gives.
This also happens on a desktop browser when viewing the page in devtools as an iOS device.
I've of course tried:
and the like, but support for 'custom' scrollbars was removed from iOS.
The scrollbars work as intended on desktop as best I can figure.
Pen of the an example of the issue (need to swap to iOS or an iOS device in devtools):
https://codepen.io/emsixteen/pen/xxmMXvd
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
