访问另一页后保留浏览器滚动位置

Question

我正在使用JS，JQuery，& PHP和试图做的是解决无限滚动问题。问题是，如果您在页面上长时间滚动并使用ajax加载更多页面，请单击链接转到新页面，如何在使用浏览器时自动转到旧页面中的相同位置新页面上的后退按钮？

。使用ajax在滚动中加载新页面。

Answer 1

我对我的问题提出的解决方案是在导航离开页面之前将每个页面与相关数据一起存储。

以下信息需要保持滚动位置：

• 页ID（唯一页）
• 页面数据（全部页面的HTML，小心数据过期的）
• 分页页码（仅在此页面为供稿时适用）
• 当前X， Ÿ滚动位置
• 时间戳

当下次加载页面时，之前的信息可​​以使用本地存储进行存储。返回上一页时，查看存储中的PageID。如果存在，则抓住X或Y坐标并将页面移动到该位置。这需要一些策略性的思考，因为如果页面是一个惰性加载（无限滚动）类型的页面或提要，则需要让数据已经准备好根据页面的位置来查找数据。

建立此系统的最简单方法是如果您的整个网站都是基于javascript的，并且您使用的是HTML 5 History Api。防止整页重新加载可以帮助减轻服务器的重量。如果您担心在某些过期的数据上保持最新状态，您可以将页码发送到服务器，并获取相应的数据以填写过期的内容。

Answer 2

你可以得到$（window）.scrollTop（）;值，然后将其名称为“页首”另存为一个变量在PHP，并呼吁它回到DOM准备：

$(window).load(function() { 
    $(window).scrollTo(pageTop); 
}); 

让我知道如何继续下去。