Question

我正在一个网站上工作。我已经实现了滚动加载功能。现在的问题是，当用户单击链接然后按“后退”按钮时，他不会返回到单击页面的位置，而是被重定向到页面顶部。如何在PHP中实现这种要求，以便将用户重定向回类似于Instagram的相同位置？

我知道缓存需要先存储然后再检索，但是不知道该怎么做，或者还有其他方法吗？

以下是滚动加载的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>


<script>

$(document).ready(function(){


 var limit = 6;
 var start = 0;
 var action = 'inactive';



 function load_data(limit, start)
 {
  $.ajax({
   url:"fetcher.php",
   method:"POST",
   data:{limit:limit, start:start},
   cache:false,
   success:function(data)
   {
      //console.log(data+"sjdfksdcsjcbljd");

    $('#load_data').append(data);

    if(data.length < 5)
    {

     $('#load_data_message').html('<img src="img/spinner.gif" height=200 width=200 align="middle" style="visibility: hidden;">');
     action = 'active';
    }
    else
    {
     //$('#load_data_message').html("<button type='button' class='btn btn-warning'>Please Wait....</button>");

     $('#load_data_message').html('<img src="img/spinner.gif" height=200 width=200 align="middle">');
     action = "inactive";
    }
   }
  });
 }

 if(action == 'inactive')
 {
  action = 'active';
  console.log("onload");
  load_data(limit, start);
 }
 $(window).scroll(function(){

  if($(window).scrollTop() + $(window).height() > $("#load_data").height() && action == 'inactive')
  {

   action = 'active';
   start = start + limit;
   console.log("Scrolled"+start);
   setTimeout(function(){
    load_data(limit, start);
    $("#all").trigger('click');  
   }, 1000);
  }
 });


 setTimeout(() => {
  $("#all").trigger('click');  
 }, 1000);;

});
</script>

这是fether.php：

<?php
include_once 'includes/connect.inc.php';
if(isset($_POST["limit"], $_POST["start"]))
{
 $today = date("Y-m-d");
 $query = "SELECT * FROM events ORDER BY event_date DESC LIMIT ".$_POST["start"].", ".$_POST["limit"]."";
 $result = mysqli_query($conn, $query);

 while($row = mysqli_fetch_array($result))
 {
    $event_date =  $row['event_date'];
    if(strtotime($today) <= strtotime($event_date)) {
      // Event has not yet finished
      echo "<div class=\"col-lg-4 col-md-6 pt-4 mycard upcoming\">";
    } else {
      // Event has finished
      echo "<div class=\"col-lg-4 col-md-6 pt-4 mycard past\">";
    }
        echo "<a class=\"card-link\" href=\"eventdetails.php?id=" . $row['event_id'] . "\">
              <div class=\"card px-2 pt-2\">
                <img class=\"card-img-top img-fluid\" src='images/".$row['event_bannername']."'>
                <h4 class=\"card-title text-center mt-2\">" . $row['event_title'] . "</h4>
              </div></a>
            </div>";
    }
 }


?>

http://ieee.shahandanchor.com http://ieee.shahandanchor.com/events.php

这是我要实施的网站链接。滚动加载可能尚未在此链接上生效，但我在本地主机上

如何在单击链接之前将用户返回到页面上的先前位置？

0 个答案: