移動端はスライドしてロードし、元のスクロール位置を記録し、詳細ページにジャンプして保存データに戻ります.
2167 ワード
移動端はスライドしてロードし、元のスクロール位置を記録し、詳細ページにジャンプして保存データに戻ります.
セッション・ストレージ・メソッドを使用してセッション・ストレージに格納されているデータは、同じセッション内のページにのみアクセスでき、セッションが終了するとデータも破棄されます.したがって、sessionStorageは永続的なローカルストレージではなく、セッションレベルのストレージにすぎません.
参考サイトhttps://weui.shanliwawa.top/demo/js15.html
セッション・ストレージ・メソッドを使用してセッション・ストレージに格納されているデータは、同じセッション内のページにのみアクセスでき、セッションが終了するとデータも破棄されます.したがって、sessionStorageは永続的なローカルストレージではなく、セッションレベルのストレージにすぎません.
var pagesize=15;//
var loading = false; //
var page = 1;
var maxpage;
function ajaxpage(page){
$.ajax({
type:"post",
url:'../php/page.php',
data: {"page":page,"pagesize":pagesize,ajax:2},
dataType:'json',
timeout:10000,
beforeSend:function(xhr){
$('.weui-loadmore').show();
},
success:function(rs){
$('.weui-loadmore').hide();
$("#rank-list").append(tpl(document.getElementById('tpl').innerHTML,rs));
var maxpage = Math.ceil(rs.total / pagesize); //
sessionStorage['maxpage'] = maxpage;
if(page==maxpage){
$(document.body).destroyInfinite();
$('.weui-loadmore').show().html(" ");
}
},
error:function(xhr){
alert('ajax ');
},
});
}
//
$(document.body).infinite().on("infinite", function() {
if(loading) return;
loading = true;
setTimeout(function() {
maxpage = sessionStorage['maxpage'];
if(page{ //es6 、
sessionStorage.setItem('index_list',$("#rank-list").html());//
sessionStorage.setItem('index_page',page);//
sessionStorage.setItem('index_scroll',$(window).scrollTop());//
location.href="js91.html?id="+id;
}
参考サイトhttps://weui.shanliwawa.top/demo/js15.html