0

Firefoxで正常に動作しているように見えるカスタムスクロールバーを作成しましたが、Webkitブラウザの画面にスクロールが表示されるという問題があります。ここをクリック

 #product-desc{
        top: 270px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        height: 90px;
        max-width: 350px;
        overflow-x: hidden;
        overflow-y: scroll;
    }


    #product-desc :: -webkit-scrollbar{
        width: 12px;
    }

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

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

誰かが私がこの問題を解決する方法を知っていますか？

4

1 に答える 1

0

これらは疑似要素そのものです。スクロールバーの実際の部分。

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

WebKitのカスタムスクロールバーをご覧ください。

Webkitの方法でスクロールバーのスタイリングを行うこともできます-CSS3

于 2012-09-05T16:25:21.707 に答える