More on my native/custom scrollbar experiments!
🥳 Works great in all desktop browsers
But:
😕 Shows native scrollbar on top of custom one in iOS
It needs to be hidden completely on iOS with `display:none` on `::webkit-scrollbar` but this breaks the handle on desktop browsers. Could be fixed with one line of iOS-specific CSS, but that means sniffing/guessing. Not too fond of that, and/but I'm already doing that for Firefox.
Still, pretty neat! What do you think?
https://codepen.io/RoelN/pen/ZEdGBgj
#css
Roel Nieskens /
npub1l4…s38mq
2024-07-16 09:30:25
Author Public Key
npub1l40uqpa5k9u62v7wlak9w7yj6lyzjvnsr4dnep2l87pxxuuzfa2qjs38mqPublished at
2024-07-16 09:30:25Event JSON
{
"id": "29e0fcb667d1ae6b68f32c0e7765a6c867202a77494688fbac1316d9e4d68af2",
"pubkey": "fd5fc007b4b179a533ceff6c577892d7c82932701d5b3c855f3f826373824f54",
"created_at": 1721122225,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://typo.social/users/pixelambacht/statuses/112795466146679483",
"activitypub"
]
],
"content": "More on my native/custom scrollbar experiments!\n\n🥳 Works great in all desktop browsers\n\nBut:\n\n😕 Shows native scrollbar on top of custom one in iOS\n\nIt needs to be hidden completely on iOS with `display:none` on `::webkit-scrollbar` but this breaks the handle on desktop browsers. Could be fixed with one line of iOS-specific CSS, but that means sniffing/guessing. Not too fond of that, and/but I'm already doing that for Firefox.\n\nStill, pretty neat! What do you think?\n\nhttps://codepen.io/RoelN/pen/ZEdGBgj\n\n#css",
"sig": "ac98133ba5f70c9398e1d729321fb8f688839384559dd2070b33bbfcbcac63998da44b1c6abfaa70b9bd675b28d2bc8b672ddf6df28203e0d89ae71ee1bdfb7c"
}