- package the antiscroll use vue component
- enhance it with css-element-queries
- perfectly unified native scroll bar
Support Vue.js 2.0+
npm install vue-antiscroll-addon
// in entry file
import Vue from 'vue'
import vueAntiscroll from 'vue-antiscroll-addon'
Vue.component('vueAntiscroll', vueAntiscroll)
<VueAntiscroll class="el-menu__wrapper width-100" :height="menuBoxHeight">
// content
</VueAntiscroll>
Name | Type | Description | Optional value | Default |
---|---|---|---|---|
height | int | the container height | — | — |
width | int | the container width | — | — |
scrolling | function | on scroll callback — | — | |
scrollToBottom | function | on scrollToBottom called up | — | — |
initialDisplay | boolean | Whether to display when initialized scrollbar | — | — |
barClass | string | auto add when initialized scrollbar | — | — |
transitionTarget | string | css selector(When your scroll toggle display in an transition element, you may provide transitionTarget, then the scroll will auto refresh() after transitionend event ) | eg: '.abc' | — |
- scrollTo
<VueAntiscroll ref="antiscroll" class="el-menu__wrapper width-100" :height="menuBoxHeight">
// content
</VueAntiscroll>
// paramter
// bottom, top, left, right
this.$refs.antiscroll.scrollTo('bottom')
- refresh
<VueAntiscroll ref="antiscroll" class="el-menu__wrapper width-100" :height="menuBoxHeight">
// content
</VueAntiscroll>
//You may need it when the display is switched
this.$refs.antiscroll.refresh()
PC: IE9+
MIT