滚动条CSS(纯css实现区域滚动效果（简单快速，复制粘贴一把梭）)

首先，要实现区域滚动的那个元素要设置css属性：overflow: auto;

overflow: auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。简单的说，就是如果超出元素的部分会出现滚动条：

eg:

如果想出现横向滚动条，则加上一行css样式：

white-space: nowrap; 规定段落中的文本不进行换行：

嗯~~，既然滚动条出来啦，我们只需要修改滚动条的样式不就可以了吗？

说干就干！

::-webkit-scrollbar{} 设置滚动条整体部分

::-webkit-scrollbar-track{} 设置滚动条内部轨道

::-webkit-scrollbar-thumb{} 滚动条的滑块按钮

::-webkit-scrollbar-button 滚动条的上下两端的按钮

因为我们伪元素是和div绑定的，所有不会和其它滚动条冲突：

设置一个稍微好看点的：