上拉、下拉触发(用到的方法):
旁边手势滑动触发用到的方法:
利用了js的addEventListener监听,分别监听-touchstart事宜,touchmove事宜,touchend事宜,紧张获取clientX,clientY属性touchstart:当鼠标点击屏幕时触发touchmove:当鼠标在屏幕移动时触发touchend:当鼠标离开屏幕时触发属性:event.touches[0].clientX,event.touches[0].clientY获取x,y坐标
下面就展示下实现该效果的代码截图:
HTML+CSS:
JS: