Zum Aktualisieren in mobilen Webbrowsern in HTML nach unten ziehen

Wenn Sie den Bildschirm nach unten ziehen müssen, um die Seite zu aktualisieren und die neuesten Updates zu erhalten, können Sie dies mithilfe von JavaScript, xhttprequests und Touch-Events tun.

Pull-to-Refresh ist der Auslöser von XHR in AJAX. Es fügt dem gewünschten Element neue Daten hinzu.

Pull-to-refresh kann durch die Übernahme des JavaScript-Bildlaufmechanismus (z. B. iscroll) erreicht werden. Twitter verwendet iscroll, um die Pulldown-Aktualisierungsoption zu implementieren.

Eine andere Möglichkeit besteht darin, einen Aktualisierungshandler für die Komponente overflow:scroll zu erstellen.

Die bereitgestellte Schnittstelle kann einen Eindruck von der Handler-Schnittstelle vermitteln −

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

Das obige ist der detaillierte Inhalt vonZum Aktualisieren in mobilen Webbrowsern in HTML nach unten ziehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!