iScroll太难了。看不懂如何用。webapp网页如何做下拉和上拉刷新。还又没比较简单的方案
不会很难啊,官网不是有demo吗,按着demo做就行了。
上拉刷新和下拉刷新很简单啊,就是监听 touchstart
,touchmove
,touchend
三个事件,然后判断当前滚动条位置。
touchstart
开始探测拖动方向,touchmove
获取拖动方向,touchend
结束探测
如果滚动条在顶端,且拖动方向向下,开启下拉刷新模式。如果滚动条在低端,拖动方向向上,则为上拉刷新模式。
确认开启刷新模式之后,让页面中的元素根据 touchmove
的纵坐标做偏移,偏移到一定程度,比如200px, 就开始 ajax 请求。请求结束或者没到 200px, 将元素收回到以前位置。