如何做一个通用的局部滚动条，要能实现所有浏览器兼容

Question

::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background-color:#bee1eb;}
::-webkit-scrollbar-thumb{background-color:#00aff0;}
::-webkit-scrollbar-thumb:hover {background-color:#9c3}
::-webkit-scrollbar-thumb:active {background-color:#00aff0}

这个只能用与谷歌，但其他浏览器改变不了

Answer 1

采用 jQuery.nicescroll 插件,可以实现各个浏览器的滚动条样式的统一和美化.压缩版本56KB.大小还算可以.兼容IE6以上

Answer 2

用div模拟滚动条（你可以在百度找一下相关的资料），原生的滚动条样式改了兼容性不好。