简单typescript+rollup.js开发的上下滑动触发指定动作库cdd-scroller

cdd-scroller

tags: scroller

这是个移动端和pc端通用的检测滑动的库。

传送门

• npm

• github

功能

1. 触顶/触底的触发函数。
   即：在滑块在一定范围内到达顶部或者打到底部，亦或者二者均可的触发指定函数。

2. 离开触顶/触底触发函数。
   有些情况我们不仅需要滑块触顶或者触底，在滑块离开二者的一定范围时也需要触发一些函数。

3. 设置触顶/触底的阈值。

4. 集成节流阀，可设置频率，提高性能。

用法

scroller({
    fElement:dom,
    threshold?:,
    arrived:,
    unarrived:,
    up?:,
    down?:,
    modal?:'debounce'/'throttle',
    frequency?:250
})

往 scroller中添加一个对象即可

• fElement: 父元素对象

• threshold: 默认的到达底部的阈值，比如默认值20，也就是说在到达底部的20px范围呢可触发arrived函数。

• arrived:达到顶部或者底部的触发函数

• unarrived:离开顶部或者底部的触发函数

• up:阈值，如果设置则触发下拉到达顶部的函数（默认为null)

• down:阈值，如果设置则为到达底部的阈值。（默认值等于threshold

• modal:节流阀模式。debounce：防抖；throttle:减少频率;

• frequency:节流阀的频率，默认为250。

例子

html

  
  
  
  
  




  


    

      
项目_1
      
项目_2
      
项目_3
      
项目_4
      
项目_5
      
项目_6
      
项目_7
      
项目_8
      
项目_9
      
项目_10