首先，要实现区域滚动的那个元素要设置css属性：overflow: auto;
overflow: auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。简单的说，就是如果超出元素的部分会出现滚动条：
eg:
如果想出现横向滚动条，则加上一行css样式：
white-space: nowrap; 规定段落中的文本不进行换行：
嗯~~，既然滚动条出来啦，我们只需要修改滚动条的样式不就可以了吗？
说干就干！
::-webkit-scrollbar{} 设置滚动条整体部分
::-webkit-scrollbar-track{} 设置滚动条内部轨道
::-webkit-scrollbar-thumb{} 滚动条的滑块按钮
::-webkit-scrollbar-button 滚动条的上下两端的按钮
因为我们伪元素是和div绑定的，所有不会和其它滚动条冲突：
设置一个稍微好看点的：