vue-scroll-bar-above

vue-top-scroll-progress

Simple Vue.js plugin for top scroll progress bar

安装

npm i vue-top-scroll-progress --save

使用

---

main.js

import Vue from 'vue'
import VueTopScrollProgress from 'vue-top-scroll-progress'
Vue.use(VueTopScrollProgress)

component

普通页面布局的使用

<!-- .vue template -->
 <vueTopScrollProgress></vueTopScrollProgress>

对于使用overflow-y scroll 属性的元素，需要指定elName，elName为实际滚动的元素

 <vueTopScrollProgress elName='#scroll-element'></vueTopScrollProgress>

或者手动设置Progress的百分比

 <vueTopScrollProgress percent='80'></vueTopScrollProgress>

自定义样式属性

• containerColor - 容器的背景颜色
• height - 容器的高度
• backgroundColor - 内部滚动条颜色
• height - 内部滚动条的高度