css 苹果滑动,使用CSS的类似Apple的滚动条

小编典典

苹果正在使用以下CSS怪物：

::-webkit-scrollbar {

width: 15px;

height: 15px;

}

::-webkit-scrollbar-corner {

background-image: url(http://i.stack.imgur.com/FguQn.png?corner.png);

background-repeat: no-repeat;

}

::-webkit-resizer {

background-image: url(http://i.stack.imgur.com/aKKDY.png?resizer.png);

background-repeat: no-repeat;

background-position: bottom right;

}

::-webkit-scrollbar-button:start {

display: none;

}

::-webkit-scrollbar-button:end {

display: block;

}

::-webkit-scrollbar:horizontal {

-webkit-border-image: url(http://i.stack.imgur.com/NQ2K6.png?horizontal-button.png) 0 2 0 2;

border-color: transparent;

border-width: 0 2px;

background-image: url(http://i.stack.imgur.com/8xDbU.png?horizontal-button-background.png);

background-repeat: repeat-x;

}

::-webkit-scrollbar:horizontal:corner-present {

border-right-width: 0;

}

::-webkit-scrollbar-thumb:horizontal {

-webkit-border-image: url(http://i.stack.imgur.com/YQRD7.png?horizontal-thumb.png) 0 15 0 15;

border-color: transparent;

border-width: 0 15px;

min-width: 20px;

}

::-webkit-scrollbar-track-piece:horizontal