LeaVerou/dabblet — Issue #86: New scrollbars don't have border-radius on thumb
Author: kizu
Created: 2011-12-31 13:01:11+00:00
State: open

Well, I've noticed, that it would be a hard issue to fix, tried myself and failed to make it only by CSS. The closest try is to add right margin by adding transparent border to the block with scrollbar itself, but since we should add it only for webkits, the code become a bit hacky.

However, I've created the desired scrollbar using border-image and data-uri, here it is: http://dabblet.com/gist/1543928

If someone could make the same one using only CSS for scrollbar pseudos, then it'd be cool :)

Anyway, one line of code from there could enhance the current scrollbars either: you should add `min-height` to the thumb, so it wouldn't become unclickable on large documents.