は、これはJavaScriptで作られていません!
純粋なCSSで、(モバイルではない)ウェブキットベースのブラウザでのみ動作します。
ここにCSSコードがあります。CSSコードをCSSファイルに含めてHTMLドキュメントに添付し、.htmlファイルを実行するだけです。ここで はデモです:http://jsfiddle.net/3ZqGu/
そしてここでは、CSSのコードです:
::-webkit-scrollbar {
background:transparent;overflow:visible; width:15px;}
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.2); border:solid #fff;}
::-webkit-scrollbar-thumb:hover {
background:rgba(0,0,0,0.4);}
::-webkit-scrollbar-thumb:horizontal {
border-width:4px 6px;min-width:40px;}
::-webkit-scrollbar-thumb:vertical {
border-width:6px 4px;min-height:40px;}
::-webkit-scrollbar-track-piece{
background-color:#fff;}
::-webkit-scrollbar-corner {
background:transparent;}
::-webkit-scrollbar-thumb {
background-color: #DDD;}
::-webkit-scrollbar-thumb:hover {
background-color: #999;}
どのように私はそれを達成できたが、それを試してみました私自身で? (基本的な手順が分かります) –
また、ブラウザのスクロールイベントをどのようにキャプチャしますか?これらのプラグインのどれもそうすることはできないようです。 –
@Max Hoff:ここに行きます:http://jsfiddle.net/kGbbP/4/ – meo