在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
};

以上是在HTML中的行動網頁瀏覽器上下拉刷新的詳細內容。更多資訊請關注PHP中文網其他相關文章！