A custom scrollbar recipe:
🫥 Keep original scrollbar, but make it invisible
🖌️ Draw a custom scrollbar using backgrounds
🤖 Use a tiny bit of JavaScript for positioning
This started as a shower thought, wanted to see if it could be done. Should it've stayed in the shower?
https://codepen.io/RoelN/pen/ZEdGBgj
#css #frontend #webdev
Roel Nieskens /
npub1l4…s38mq
2024-07-15 10:52:25
Author Public Key
npub1l40uqpa5k9u62v7wlak9w7yj6lyzjvnsr4dnep2l87pxxuuzfa2qjs38mqPublished at
2024-07-15 10:52:25Event JSON
{
"id": "d6e4f0c29a568d0b37de3d29e93d8458504daffee3f24cef38e161af983b9391",
"pubkey": "fd5fc007b4b179a533ceff6c577892d7c82932701d5b3c855f3f826373824f54",
"created_at": 1721040745,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"t",
"frontend"
],
[
"t",
"webdev"
],
[
"proxy",
"https://typo.social/users/pixelambacht/statuses/112790126321875052",
"activitypub"
]
],
"content": "A custom scrollbar recipe:\n\n🫥 Keep original scrollbar, but make it invisible\n🖌️ Draw a custom scrollbar using backgrounds\n🤖 Use a tiny bit of JavaScript for positioning\n\nThis started as a shower thought, wanted to see if it could be done. Should it've stayed in the shower?\n\nhttps://codepen.io/RoelN/pen/ZEdGBgj\n\n#css #frontend #webdev",
"sig": "2506acd4f849dc97e5000438629017c5d2f1933989dcde3f6a5b1184681005f96bbe43006895efaa6a4ea6079f88bec40cc1443bde7faaf3f459a07ca7f2976d"
}