4 ms·
Didn't read the article, design was too distracting (mouse wheeling with the mouse over the left side does NOT scroll the page). But check out that scrollbar!
by sequoia 15y ago
Didn't read the article, design was too distracting (mouse wheeling with the mouse over the left side does NOT scroll the page). But check out that scrollbar!
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #ddd;
}
Thought it must be JS but it's webkit stuff. Can't decide if silly or nice, but I think it's pretty nice.
- steilpass 15y agoWell I gave it a try. But I am missing something: <html> <head> </head> <style> ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: #ddd; } </style> <body> <div style="background:red; margin-top: 1000px;">hi</div> </body> </html>
- riklomas 15y agoTry adding a background color to your ::-webkit-scrollbar