Dieses Mal bringe ich Ihnen jquery mit iscorll zum Implementieren von Pull-Up, Laden und Pull-Down-Aktualisierung auf dem Mobiltelefon Pulldown-Aktualisierung auf dem Mobiltelefon. NotizenWas sind das?
Das Implementierungsprinzip besteht darin, anhand von
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | myScroll = new iScroll( 'wraphome' , {
fixedScrollbar: true,
hideScrollbar: true,
fadeScrollbar: true,
hScrollbar: false,
vScrollbar: true,
onScrollMove: function () {
var topstat = $( ".fliptop" ).is( ":visible" );
var downstat = $( ".flipdown" ).is( ":visible" );
if (this.y > 15 && !topstat && !downstat) {
$( ".fliptop" ).fadeIn(300);
} else if (this.y < 15 && topstat) {
$( ".fliptop" ).hide();
} else if (this.y < (this.maxScrollY - 25) && !topstat && !downstat) {
$( ".flipdown" ).fadeIn(300);
this.refresh();
} else if (this.y > (this.maxScrollY + 25) && downstat) {
$( ".flipdown" ).hide();
}
},
onTouchEnd: function () {
var topstat = $( ".fliptop" ).is( ":visible" );
var downstat = $( ".flipdown" ).is( ":visible" );
if (topstat && !downstat) {
$( ".fliptop" ).html( "正在加载中……" );
setTimeout( function (){
},3000);
} else if (downstat && !topstat) {
$( ".flipdown" ).html( "正在加载中……" );
setTimeout( function (){
},3000);
}
}
});
|
Nach dem Login kopieren
zu beurteilen, ob Fiiptop und Flipdown angezeigt werden
Seitenteil
1 2 3 4 5 6 7 8 9 | <p id= "wraphome" class = "scroll" >
<p class = "scroll-inner" >
<p class = "fliptop" >松手开始加载...</p>
<p class = "list" >
.............
</p>
<p class = "flipdown" >松手开始加载...</p>
</p>
</p>
|
Nach dem Login kopieren
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Das obige ist der detaillierte Inhalt vonjquery verwendet iscorll, um das Pull-up-Laden und die Pull-down-Aktualisierung auf dem Mobiltelefon zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!