0

私はここに示されているようにコードによって達成されるカスタムスクロールバーを持っています：

::selection {
    background: #333;
    color: #FFF;
}
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
}

Chrome、Firefoxでは正常に動作しますが、Internet Explorerは動作しません。何を追加すればよいですか？

4

1 に答える 1

4

指定されたCSSは、ChromeやSafariなどのWebkitブラウザにのみカスタムスクロールバーを適用します。Internet Explorerは、限られた量のスクロールバーのカスタマイズのみをサポートします。MSDNリファレンスとこのIEスクロールバーCSSジェネレーターを参照してください。

また、Firefoxはカスタムスクロールバー（バグレポート）をサポートしていないため、FirefoxでCSSがどのように機能しているかわかりません。私には向いていません。

必要に応じて、JavaScriptベースのjScrollPaneを使用して、すべてのブラウザーにカスタムスクロールバーを実装できますが、私も含めて、多くの人がJavaScriptスクロールバーのユーザーエクスペリエンスを嫌っています。

于 2013-02-18T23:31:58.107 に答える