Javascript 返回上一页时,jQuery滚动无限滚动中的位置历史记录
假设我在索引页上向下滚动到我的Javascript 返回上一页时,jQuery滚动无限滚动中的位置历史记录,javascript,jquery,Javascript,Jquery,假设我在索引页上向下滚动到我的的18/50,然后我转到同一选项卡中的另一页并返回到上一页 如何在我的的18/50上向下滚动到同一位置 scroll.js var ajax_arry = []; var ajax_index = 0; var sctp = 100; $(function () { $('#loading').show(); $.ajax({ url: "scroll.php", type: "POST", data:
的18/50,然后我转到同一选项卡中的另一页并返回到上一页
如何在我的
的18/50上向下滚动到同一位置
scroll.js
var ajax_arry = [];
var ajax_index = 0;
var sctp = 100;
$(function () {
$('#loading').show();
$.ajax({
url: "scroll.php",
type: "POST",
data: "actionfunction=showData&page=1",
cache: false,
success: function (response) {
$('#loading').hide();
$('#demoajax').html(response);
}
});
$(window).scroll(function () {
var height = $('#demoajax').height();
var scroll_top = $(this).scrollTop();
if (ajax_arry.length > 0) {
$('#loading').hide();
for (var i = 0; i < ajax_arry.length; i++) {
ajax_arry[i].abort();
}
}
var page = $('#demoajax').find('.nextpage').val();
var isload = $('#demoajax').find('.isload').val();
if ((($(window).scrollTop() + document.body.clientHeight) == $(window).height()) && isload == 'true') {
$('#loading').show();
var ajaxreq = $.ajax({
url: "scroll.php",
type: "POST",
data: "actionfunction=showData&page=" + page,
cache: false,
success: function (response) {
$('#demoajax').find('.nextpage').remove();
$('#demoajax').find('.isload').remove();
$('#loading').hide();
$('#demoajax').append(response);
}
});
ajax_arry[ajax_index++] = ajaxreq;
}
return false;
if ($(window).scrollTop() == $(window).height()) {
alert("bottom!");
}
});
});
var ajax_arry=[];
var ajax_指数=0;
var-sctp=100;
$(函数(){
$(“#加载”).show();
$.ajax({
url:“scroll.php”,
类型:“POST”,
数据:“actionfunction=showData&page=1”,
cache:false,
成功:功能(响应){
$(“#加载”).hide();
$('#demoajax').html(回复);
}
});
$(窗口)。滚动(函数(){
变量高度=$('#demoajax').height();
var scroll_top=$(this.scrollTop();
如果(ajax_arry.length>0){
$(“#加载”).hide();
for(var i=0;i
将窗口偏移顶部存储在本地存储中
localStorage.setItem('windowscrolltop',$(window).scrollTop());
当你回到页面并绑定完成后,你就可以制作动画了
var windowscrolltop = localStorage.getItem('windowscrolltop');
$('html, body').animate({
scrollTop: windowscrolltop
}, 500);
我相信在设置窗口滚动顶部之前,您正在从任何点重定向另一个页面,当您的数据绑定完成后返回页面时,请将其动画化