scroll-bar

包裹一层自动隐藏滚动条

install

yarn add lcy-scroll-bar
# or
npm install lcy-scroll-bar --save

prop:
    native: 是否使用原生滚动条
    wrapStyle: 包裹层样式
    wrapClass: 包裹层class
    viewClass: 内容层样式
    viewStyle: 内容层class
    noresize: 是否调整大小, 如果 container 尺寸不会发生变化，最好设置它可以优化性能
    tag: 使用何种标签 (如: div, ul)

event:
    @scroll="onScroll"

需要给 :class 或者 :wrap-class 定义的样式 设置高度

import scrollBar from 'lcy-scroll-bar'
import 'lcy-scroll-bar/src/style.css'
Vue.use(scrollBar)

<scroll-bar
    ref="scrollbar"
    tag="div"
    wrap-class="scrollbar__wrap"
    view-class="scrollbar__list"
    ref="scrollbar"
    :class="`scrollbar__demo`"
    @scroll="onScroll"
>
    <div>高度很高</div>
</scroll-bar>

export default {
    data() {
        return {

        }
    },
    mounted() {

    },
    methods: {
        onScroll(dom) {
            console.log(dom)
        }
    }
}

License

MIT