Best Scroll

How to use

NPM

npm i best-scroll -S

js

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

vue

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

API

Scroll component attributes:

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%

Scroll vm instance methods:

• 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