ScrollView.Base

ScrollView 基类
让容器可以滚动
KISSY.use('scroll-view/base', function (S, ScrollView) {
    // use scroll-view/base
}

Class

Attributes

Class Details

class scroll-view.Base
Base (config)
让container可以滚动
扩展自 Container ,包含其全部配置,属性,方法,事件.
Parameters:config (Object) – 配置信息,详见Configs Deatils

Configs Details

Base.config.snap
传入元素的选择器,{String}
用来指定是否在滚动是将元素“折断”,就是在滚动停在元素上时如何处理。
默认为 false ,不做操作,就停在那里
为 true 时,滚动到下一个同类元素的起点,停止。
Base.config.snapDuration
“折断”操作动画持续时间,当snap为true时有效。
{Number} - 默认 0.3
Base.config.snapEasing
“折断”操作动画的时间函数,{String}
默认 easeOut

Methods Details

Base.prototype.scrollTo()
scrollTo(cfg, animCfg)
滚动到指定位置
Parameters:
  • cfg ({Object}) – {left: xx, top: xx} 位置
  • animCfg ({Object}) – Anim的配置参数,详见 Anim
Base.prototype.scrollToPage()
scrollToPage(index, animCfg)
滚动到指定index的page
Parameters:
  • index ({Number}) – page索引值
  • animCfg ({Object}) – Anim的配置参数,详见 Anim
Base.prototype.scrollToWithBounds()
scrollToWithBounds(cfg, anim)
在元素最大滚动距离和最小滚动距离范围内滚动
Parameters:
  • cfg ({Object}) – {left: xx, top: xx}, 在两个方向上的滚动距离
  • anim ({Object}) – Anim的配置参数,详见 Anim
Base.prototype.stopAnimation()
stopAnimation()
停止动画
停止动画队列里的函数,并清空动画队列,将滚动停在当前位置。
Base.prototype.isAxisEnabled()
isAxisEnabled(axis)
判断对应方向上的滚动是否允许
横向传入 x,纵向 y
Returns:{Boolean} 对应方向上是否允许
Base.prototype.getScrollStep()
getScrollStep()
获得要滚动的步进长度
Returns:{Object} {top: xx, left: xx} 两个方向上的步进值