火狐浏览器-滚动条样式的处理

一、一般情况下的解决方法

不修改~

二、简单而相对敷衍的方法（个人比较喜欢这种方法）：

改滚动条宽度，滚动条滚轮，滚动条轨道颜色，此方法细节上需要优化

//设置滚动条的宽度，针对所有浏览器
//此属性值包括（auto,inherit,initial,none,revert,thin,unset）
//只有thin值才会改变滚动条的视觉宽度，此值等于8像素
scrollbar-width: thin;

//设置滚动条的颜色，针对所有浏览器
//顺序为 滚轮颜色  轨道颜色
scrollbar-color：#e8c3c9 #e8e2e2;

三、相对复杂的自定义方法，js+css混合

三个容器：父容器，滚动条容器，内容容器。

需要了解的滚动属性：scrollTopMax（可滚动的最大高度），scrollTop（当前滚动高度）