2017-06-16 14 views
1

人はFirefoxのスクロールバーをカスタマイズする方法はありますかクロムに似たテクニックを使ってみましたが、それはクロムのためにしかないと思っています。それは、Firefox上であるためエンジンのバグのため、この方法を使用するので、私は唯一のWebKitベースのブラウザのために実装されているCSSを経由してスクロールバーをカスタマイズし、今FireFoxのスクロールバー

::-moz-scrollbar { 
     width: 12px; 
    } 
    /* Track */ 

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

    ::-moz-scrollbar-thumb { 
     -moz-border-radius: 10px; 
     border-radius: 10px; 
     background: rgb(0, 62, 132); 
     -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); 
    } 

    ::-moz-scrollbar-thumb:window-inactive { 
     background: rgb(0, 153, 255); 
    } 
+0

https://noraesae.github.io/perfect-scrollbar/一貫性のある体験を得るには、独自のスクロールバーを作成する必要があります。 – Tschallacka

答えて

1

のためにそれを行うには、代替とクリーンな方法を探しています。

別の方法として、少なくとも(ほとんどの場合はそうでない場合は)ブラウザのすべてでスクロールバーをカスタマイズすることができるjQueryプラグインをお勧めします(NiceScroll)。

+0

ええ、私はプラグインを使う必要があると思います。CSSを使ってカスタマイズする方法がないからです。 –

+0

最初にそれを適用してからDOMを調べ、スクロールバーに関連する部分を見つけてCSSでカスタマイズします。 – Vivick

関連する問題