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

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

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


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


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

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

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

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

【热门文章】
【热门文章】