上拉、下拉触发(用到的方法):

旁边手势滑动触发用到的方法:

利用了js的addEventListener监听,分别监听-touchstart事宜,touchmove事宜,touchend事宜,紧张获取clientX,clientY属性touchstart:当鼠标点击屏幕时触发touchmove:当鼠标在屏幕移动时触发touchend:当鼠标离开屏幕时触发属性:event.touches[0].clientX,event.touches[0].clientY获取x,y坐标

html上拉加载更多移动端上拉加载更多下拉加载刷新后果 NoSQL

下面就展示下实现该效果的代码截图:

HTML+CSS:

JS: