1. aiyun-vue-scroller

aiyun-vue-scroller

Vue Scroller version vue

Vue Scroller is a foundational component of Vonic UI.
In purpose of smooth scrolling, pull to refresh and infinite loading.

For vue 1.0, please refer to branch v1.

Demo

How to use

 <div id="app">
  <scroller 
    :on-refresh="refresh"
    :on-infinite="infinite"
    ref="my_scroller">
    <!-- content goes here -->
  </scroller>
</div>

Live Code

Webpack project by vue-cli

https://github.com/wangdahoo/vue-scroller-demo

API

Methods of scroller instance:

  • resize() :Void
  • triggerPullToRefresh() :Void
  • finishPullToRefresh() :Void
  • finishInfinite(isNoMoreData :Boolean) :Void
  • scrollTo(x:Integer, y:Integer, animate:Boolean) :Void
  • scrollBy(x:Integer, y:Integer, animate:Boolean) :Void
  • getPosition :Object