在 HTML 的移动网页浏览器上下拉刷新。
当需要下拉屏幕以刷新页面以获取最新更新时,可以使用 JavaScript、xhttprequest 然后进行触控事件操作来完成此操作。
下拉刷新是 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'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 };
广告