Menu
I'm having a problem, probably because of Apple and I can't find information about it.
Yesterday I skinned a website's scrollbars with webkit css properties (-webkit-scrollbar, -webkit-scrollbar-track, -webkit-scrollbar-thumb) so it displays nicely on iPads. Everything was fine looking and scrolling with native behaviour.
Suddenly this morning, after updating my iPad to iOS6, my custom scrollbars disappeared.
This is a big bummer for me and of course there is no information about this on Apple's developper website.
Anyone has experienced the same problem? Can you confirm the problem?
Are some new specs coming or did Apple just stop supporting this???
214
In the Menu bar, click Apple Menu > System Preferences. Click General. Next to the "Show scroll bars" heading, select "Always."
scrollbar is not a CSS standard. In Chrome or Safari (WebKit) you can use the extension prefixed by -webkit- Read more here. FireFox doesn't support scrollbar styling. So probably you can support this effect in IE and WebKit browsers only, or use JavaScript libraries as Iwo Kucharski said.
As of 2020, 96% of internet users are running browsers that support CSS scrollbar styling. However, you will need to write two sets of CSS rules to cover Blink and WebKit and also Firefox browsers. In this tutorial, you will learn how to use CSS to customize scrollbars to support modern browsers.
For a unreleased (AFAIK) reason, Apple removed some of the webkit prefixed CSS properties. This includes the -webkit-scrollbar group.
80
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
