2

私が知りたいのは、同じページにカスタムメイドの -webkit-scrollbars を複数持つことが可能かどうかだけです。ある div には緑色のテキストと画像があり、別の div には青色などがあるように、いくつかの div の色を特定しています。各divのカスタムスクロールバーを作成して、色に一致させます..

Q1: 可能ですか?

Q2: できるとしたら、どのようにすればよいですか?

1つの解決策を考えましたが、少し面倒だと思います。1 つの解決策は、iframe を含む各 div を作成し、独自のスクロールバーを使用して個別のページを作成することですが、それが機能するかどうかはわかりません..

4

3 に答える 3

5

もちろん、次のようにすることができます-スクロールバーの疑似クラスの前に目的のセレクターを追加するだけです。

::-webkit-scrollbar-track {
    background-color: #333;
}

/* Override styles for <div>s, for example */
div::-webkit-scrollbar-track {
    background-color: #b13131;
}

ここで簡単な例を示しました-http://jsfiddle.net/teddyrised/Nsz93/

于 2013-03-10T18:03:10.893 に答える
0

jquery プラグインを使用するか、css を使用してスクロールバーをスタイリングするだけで可能です。これは webkit で行うことができます。

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

http://jsfiddle.net/jeffpowrs/nEkPw/

http://css-tricks.com/custom-scrollbars-in-webkit/

于 2013-03-10T17:52:36.440 に答える