PHP前端开发

在HTML中的移动网页浏览器上下拉刷新

百变鹏仔 3个月前 (09-22) #HTML
文章标签 网页浏览

当需要下拉屏幕以刷新页面以获取最新更新时,可以借助JavaScript、xhttprequests和触摸事件来实现。

下拉刷新是AJAX中XHR的触发器。它向我们想要的元素添加新数据。

可以通过劫持JavaScript滚动机制(如iscroll)来实现下拉刷新。Twitter正在使用iscroll来实现下拉刷新选项。

另一种方式是为overflow:scroll组件创建一个刷新处理程序。

立即学习“前端免费学习笔记(深入)”;

提供的接口可以给出有关处理程序接口的想法−

var PullToRefresh= function(callback, wrapper, instructionsText) {   //It creates dom elements and append them before content wrapper        // <div class="mainWrapper" style="overflow: scroll; height: 600px;">   <div class="pullToReloadWrapper"></div><div class = "contentWrapper"></div>   </div> is the markup.      // if main wrapper&#39;s height is > than content wrapper&#39;s   height, then change the main wrapper height to be the height of the content wrapper.      // scroll main wrapper.   // invoke initializeEvents() to inititalize the events};