Beispielcode-Sharing für unbegrenztes Laden und Paginieren auf mobilen Endgeräten basierend auf JavaScript

Dieser Artikel stellt hauptsächlich die Implementierung des unbegrenzten Ladens und Pagings auf dem mobilen Endgerät basierend auf JavaScript vor. Interessierte Freunde können sich auf das Beispiel von

beziehen In diesem Artikel habe ich Ihnen den spezifischen Code zum Implementieren des unendlichen Ladens und der Paginierung auf dem mobilen Endgerät als Referenz mitgeteilt. Der spezifische Inhalt lautet wie folgt:

Wenn die Wenn die Bildlaufleiste den unteren Rand erreicht, wird der Inhalt der nächsten Seite ausgeführt.

Beurteilungsbedingungen müssen drei Konzepte verstehen: 1.scrollHeight Die Höhe des tatsächlichen Inhalts

2.clientHeight Die Höhe des Fensters, dh die Höhe des sichtbaren Inhalts im Browser

3.scrollTop Der verborgene Teil des Fensters, also der Scrollabstand der Bildlaufleiste


Idee:

1 . Verwenden Sie die Ladebox mit fester Positionierung 2. Verwenden Sie die Methode $(window).scroll();, um auszulösen, ob

geladen werden soll. 3. Verwenden Sie die tatsächliche Inhaltshöhe – Fensterhöhe – den verborgenen Teil darüber
Codebeispiel

Das obige ist der detaillierte Inhalt vonBeispielcode-Sharing für unbegrenztes Laden und Paginieren auf mobilen Endgeräten basierend auf JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!