解决浏览器自定义滚动条样式
使用vue-bar插件来解决pc端自定义滚动条:
http://github.serafin.io/vuebar/
- NPM
npm install vuebar –save - 在[main.js]中引入使用插件
import Vuebar from ‘vuebar’;
Vue.use(Vuebar); - 在.vue文件中如何使用
<div v-bar="{
preventParentScroll: true,
scrollThrottle: 30,
}"> <!-- el1 -->
<div> <!-- el2 -->
<!-- your scrollable content -->
</div>
<!-- dragger will be automatically added here -->
</div>- 在.vue文件中还需添加滚动条样式才生效
.vb > .vb-dragger {
z-index: 5;
width: 12px;
right: 0;
}
.vb >