# 自定義滾動條,可解決火狐滾動條默認樣式修改不了問題
在項目開發中，由于項目住效果圖背景色屬于深色系，但是火狐瀏覽器的默認滾動條樣式是一個白色的寬條，兩者結合樣子太丑，所以嘗試修改瀏覽器默認的滾動條樣式。試了多次發現，谷歌和IE瀏覽器的默認滾動條樣式可以修改，但是火狐瀏覽器卻不起作用
解決方法：可以通過一些滾動條插件實現，實現原理
1. 模擬瀏覽器自身滾動條
2. 滑塊移動距離/滑塊滾動范圍=內容滾動距離/內容可滾動高度；滑塊移動距離就是鼠標按下后拖動的距離
3. 內容可滾動高度就是內容總高度減去可視區域高度
4. 滾動條的總高度就是可視區域的高度，滑塊的高度=可視區域的高度/內容的總高度\*可視區域的高度
