ホームページ  >  記事  >  ウェブフロントエンド  >  プルダウンしてモバイル Web ブラウザーで HTML を更新します

プルダウンしてモバイル Web ブラウザーで HTML を更新します

PHPz
PHPz転載
2023-09-06 08:01:111227ブラウズ

プルダウンしてモバイル Web ブラウザーで HTML を更新します

最新の更新を取得するために画面をプルダウンしてページを更新する必要がある場合は、JavaScript、xhttprequest、およびタッチ イベントを使用して実行できます。

プルダウン更新は、AJAX における XHR のトリガーです。必要な要素に新しいデータを追加します。

プルダウンの更新は、JavaScript スクロール メカニズム (iscroll など) をハイジャックすることで実現できます。 Twitter は、iscroll を使用してプルダウン更新オプションを実装しています。

もう 1 つの方法は、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
};

以上がプルダウンしてモバイル Web ブラウザーで HTML を更新しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。