vue-antiscroll-addon

A Vue Antiscroll addon
3,281 1
Install
npm install vue-antiscroll-addon
Latest Version:2.1.4
Vue:2
License:MIT
Last Updated:Apr 27, 2018
Links: GitHub  ·  npm
Maintainer: evox34

Vue-Antiscroll-Addon

Features

Support

Support Vue.js 2.0+

Install

npm install vue-antiscroll-addon

Useage

// in entry file
import Vue from 'vue'
import vueAntiscroll from 'vue-antiscroll-addon'
Vue.component('vueAntiscroll', vueAntiscroll)

Example

<VueAntiscroll class="el-menu__wrapper width-100" :height="menuBoxHeight">
    // content
</VueAntiscroll>

Props

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' —

Api

  1. scrollTo
   <VueAntiscroll ref="antiscroll" class="el-menu__wrapper width-100" :height="menuBoxHeight">
       // content
   </VueAntiscroll>
   // paramter
   // bottom, top, left, right
   this.$refs.antiscroll.scrollTo('bottom')
  1. 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()

Compatibility

PC: IE9+

LICENSE

MIT

Version History

Version Released Vue License
2.1.4 ^2.3.3 MIT
2.1.3 ^2.3.3 MIT
2.1.2 ^2.3.3 MIT
2.1.1 ^2.3.3 MIT
2.1.0 ^2.3.3 MIT