iScroll太难了。看不懂如何用。webapp网页如何做下拉和上拉刷新。还又没比较简单的方案

Question

iScroll太难了。看不懂如何用。webapp网页如何做下拉和上拉刷新。还又没比较简单的方案

Answer 1

上拉刷新和下拉刷新很简单啊，就是监听 touchstart,touchmove,touchend三个事件，然后判断当前滚动条位置。

touchstart 开始探测拖动方向，touchmove获取拖动方向，touchend结束探测

如果滚动条在顶端，且拖动方向向下，开启下拉刷新模式。如果滚动条在低端，拖动方向向上，则为上拉刷新模式。

确认开启刷新模式之后，让页面中的元素根据 touchmove 的纵坐标做偏移，偏移到一定程度，比如200px， 就开始 ajax 请求。请求结束或者没到 200px, 将元素收回到以前位置。

Answer 2

不会很难啊，官网不是有demo吗，按着demo做就行了。