Skip to content

Instantly share code, notes, and snippets.

@bahaddinyasar

bahaddinyasar/styling-an-inner-scrollbar-like-the-twitter.css

Created January 18, 2013 19:50
Show Gist options
  • Save bahaddinyasar/4567865 to your computer and use it in GitHub Desktop.
Save bahaddinyasar/4567865 to your computer and use it in GitHub Desktop.
Download ZIP
Styling an inner scrollbar like the twitter
Raw
styling-an-inner-scrollbar-like-the-twitter.css
#doc ::-webkit-scrollbar{width:9px;height:9px;}
#doc ::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
#doc ::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}
#doc ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:8px;}
#doc ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;}
/*
Ref: http://stackoverflow.com/questions/7713599/styling-an-inner-scrollbar-like-the-twitter-conversation-interface/7713784#7713784
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment