通过 HTML 在移动网络浏览器中下拉刷新。


当需要下拉屏幕以刷新页面以获取最新更新时,可以使用 JavaScript、xhttprequests 和触摸事件来完成此操作。

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

可以使用像 iscroll 这样的劫持 JavaScript 滚动机制来实现下拉刷新。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's height is > than content wrapper'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
};

更新于: 2020 年 6 月 24 日

774 次浏览

开启您的 职业生涯

完成课程获取认证

开始
广告