# 自定义滚动条,可解决火狐滚动条默认样式修改不了问题 在项目开发中，由于项目住效果图背景色属于深色系，但是火狐浏览器的默认滚动条样式是一个白色的宽条，两者结合样子太丑，所以尝试修改浏览器默认的滚动条样式。试了多次发现，谷歌和IE浏览器的默认滚动条样式可以修改，但是火狐浏览器却不起作用 解决方法：可以通过一些滚动条插件实现，实现原理 1. 模拟浏览器自身滚动条 2. 滑块移动距离/滑块滚动范围=内容滚动距离/内容可滚动高度；滑块移动距离就是鼠标按下后拖动的距离 3. 内容可滚动高度就是内容总高度减去可视区域高度 4. 滚动条的总高度就是可视区域的高度，滑块的高度=可视区域的高度/内容的总高度\*可视区域的高度