Slide - Documentation

Constructor

new Slide(el, maxSlideDx, maxSlideDy, limitAreaopt)

Source:

class/Slide.js, line 60

Parameters:

Name	Type	Attributes	Default	Description
`el`	`HTMLElement`			html 节点。
`maxSlideDx`	`Number`			x 方向最大移动距离。
`maxSlideDy`	`Number`			y 方向最大移动距离。
`limitArea`	`Boolean`	<optional>	false	是否限制区域。如果为true，当滑动超过 maxSlideDx 限定的区域内，获取到的 dx 为 0，offsetx 为 ±maxSlideDx。如果为false，当滑动超过 maxSlideDx 限定的区域内，获取到的 dx 为正常值，offsetx 为 ±maxSlideDx。

Example

const el = document.querySelector('#container')
new Slide(el, 200, 200)
el.addEventListener('slidemove', (e) => {
  console.log(e.detail)
  // {
  //    // 滑动开始的点
  //    startx: ,
  //    starty: ,
  //    // 滑动过程的点
  //    endx: ,
  //    endy: ,
  //    // 滑动过程中与上一个点的距离
  //    dx: ,
  //    dy: ,
  //    // 滑动过程中与开始点的距离
  //    offsetx: ,
  //    offsety:
  // }
})

Classes

Slide