Best-scroll NPM

Best Scroll

npm i best-scroll -S

import Vue from 'vue'
import scroll from 'best-scroll'
Vue.use(scroll)

<scroll 
  :on-refresh="refresh"
  :on-infinite="infinite">
  <!-- content goes here -->
</scroll>

Attr. Name	Description	Required	Default Value
onRefresh	pull to refresh callback	N	-
onInfinite	infinite loading callback	N	-
onScroll	Y-axis position callback	N	-
scrollingComplete	scroll end callback	N	滚动完毕回调
width	scroll container width	N	`100%`
height	scroll container height	N	`100%`

resize() resize scroll content (deprecated, cause the scroll's content resizes self automatically)
triggerPullToRefresh() start pull-to-refresh manually
finishPullToRefresh() stop pull-to-refresh
finishInfinite(isNoMoreData :Boolean) stop infinite-loading
scrollTo(x:Integer, y:Integer, animate:Boolean) scroll to a position in scroll content
scrollBy(x:Integer, y:Integer, animate:Boolean) scroll by a position in scroll content
getPosition :Object get current position of scroll content
scrollElement(el, time, offsetX, offsetY, easing)
disable() disable scrolling
enable() enable scrolling