Skip to content

Instantly share code, notes, and snippets.

@Chadtech

Chadtech/force-scroll-bar-all-browsers-r&d.md

Created June 26, 2018 11:18
Show Gist options
  • Save Chadtech/c3c537f47e8ffb77467e39d3aa403905 to your computer and use it in GitHub Desktop.
Save Chadtech/c3c537f47e8ffb77467e39d3aa403905 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
force-scroll-bar-all-browsers-r&d.md

Problem: Macs generally hide the scroll bar when its not in use. However, we want the scroll bar to be visible as a signal that there is hidden content that can be scrolled to

Research: Webkit browsers have some css that can be used to force the scrollbar to appear, but that doesnt help us in the case of Firefox. Apparently, there is just no css solution to forcing the scrollbars to be visible in Firefox.

https://stackoverflow.com/questions/18317634/force-visible-scrollbar-in-firefox-on-mac-os-x

https://ajom.co.uk/make-scrollbars-visible-in-chrome-and-safari-on-mac/

Solution: Crazy, but our best option seems to be wiggling the scrollbar every 200ms in JavaScript. I dont believe it truly wiggles; I bet the 1 and -1 happen in between rendering frames.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment