【vue】 “jquery.nicescroll” 改变菜单滚动条样式 & 滚动条隐藏，“scrollbar”：element隐藏组件

2019-07-31 使用element 隐藏的scroll组件
如果项目有引入element-ui框架，觉得直接用element隐藏的scroll组件最方便快捷了

<el-scrollbar>插入想要引入的内容</el-scrollbar>

设置高度height，横向滚动条隐藏

.el-scrollbar__wrap {
  overflow-x: hidden;
}

更改样式，例如设置背景色

.el-scrollbar__bar.is-vertical>div{
  background: rgba(163, 175, 189, 0.7);
}

真的巨方便，记得要用外层的类去指向要改变样式的类：<<< 或者 /deep/ 。

2019-06-05 使用jq插件

一开始想用::-webkit-scrollbar 对滚动条样式进行修改，但是发现在Firefox浏览器上根本没有作用。

::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome,
苹果Safari)可以使用.【MDN】

后来发现一款兼容性较高的方法：引入滚动条插件 jquery.nicescroll

官网地址：https://nicescroll.areaaperta.com/