更新记录

1.0.1（2022-05-18）

v1.0.1

功能更新

• 支持滚动容器，单击和长按事件回调
• 滚动事件，新增返回event事件
• 修复插件destroy，还能继续滚动

1.0.0（2021-02-08）

注意事项 | English

• 目前仅支持：web-h5
• 滚动元素的父节点(即滚动容器), overflow 字段必须为 hidden.

平台兼容性

el-scroll

自定义元素滚动插件。

注意事项 | 版本更新 | English

• 滚动元素的父节点(即滚动容器), overflow 字段必须为 hidden.

Install

npm i el-scroll  or yarn add el-scroll

Useage

import ElScroll from 'el-scroll'

let scroller = new ElScroll('#J_scroll');

//events
scroller.on('scroll', ({ctx, dist, event})=>{
  console.log('scrolling and scrollY is ', dist);
});

scroller.on('beforeScrollEnd', ({ctx, dist, event})=>{
  console.log('before scrolling stops and scrollY is ', dist);
  //Returns a negative number that determines where the final scrolling stops.
  return dist;
});

scroller.on('scrollEnd', ({ctx, dist, event})=>{
  console.log('scrolling stops and scrollY is ', dist);
});

scroller.on('tap', ({ctx, event})=>{
  console.log('tap event', event);
});

scroller.on('longPress', ({ctx, event})=>{
  console.log('longPress event', event);
});

scroller.on('destroy', ()=>{
  console.log('destroy callback');
});

examples

• examples/index.html

  Configuration

• let scroller = new ElScroll(options)

• options(String)

• options(HTMLDivElement)

• options(Object)

• scroller