/* Scrollbar----------------------------------------------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) { html { overflow: hidden; } body { position: absolute; bottom: 0; left: 0; right: 12px; top: 0; overflow-y: auto; overflow-x: hidden; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block; height: 10px; } ::-webkit-scrollbar-button:vertical:increment { background-color: #fff; } ::-webkit-scrollbar-track-piece { background-color: #eee; -webkit-border-radius: 3px; } ::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #ccc; -webkit-border-radius: 3px; } ::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #ccc; -webkit-border-radius: 3px; }}
::-webkit-scrollbar-track-piece:vertical:start
Example link…
http://giangnguyendesign.com/
Thanks
http://www.thenounproject.com/
Any Suggestions?
Did you ever bother to look at the css on that site? It's pretty clear what css is used:
and so forth
Edit: what they said ^