滚动条对大家来说并不陌生，在日常前端开发中经常会遇到，如果我们用的是原汁原味的浏览器默认的样式，那将是对于我们美好的网页一个致命的打击，网页的颜值也会大打折扣的，所以这就导致我们在做web前端开发的时候，对滚动条的美化迫在眉睫，这也是今天为大家整理的内容。

那webkit浏览器是如何自定义滚动条的呢？

Webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。

改变浏览器默认的滚动条样式：

当然有的小伙伴也想给特定的div模块修改滚动条的样式，也是so easy，比如我们给class名为test的添加滚动条样式

当然现在网上也有很多前端技术大牛制作的有关滚动条优化插件，都是很不错的，如果你想省事大家可以搜罗一下，如果你想做自己的网页滚动条风格，那你还是自己学习一下吧。以上就是今天关于滚动条的优化代码内容，希望对你有帮助，时间仓促，如果大家有什么问题，下方欢迎留言指正。