ホームページ > 記事 > ウェブフロントエンド > プルダウンしてモバイル 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'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 };
以上がプルダウンしてモバイル Web ブラウザーで HTML を更新しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。