Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 返回上一页时,jQuery滚动无限滚动中的位置历史记录_Javascript_Jquery - Fatal编程技术网

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

我相信在设置窗口滚动顶部之前,您正在从任何点重定向另一个页面,当您的数据绑定完成后返回页面时,请将其动画化