按下返回按钮后保留ajax内容

Question

我有一个带有无限滚动分页的产品页面。 Ajax装载了更多产品。

例如：域/书籍。

当用户单击产品时，它将转到产品页面：domain / books / the_selected_book.html

单击浏览器后退按钮时，将加载域/书籍，但不加载Ajax内容。

我要完成的工作是，当在新页面上按后退按钮时，上一页将完全按照用户离开时的原样加载，并处于相同位置。就像YouTube一样。

我在网上搜索时找不到合适的选择。最好的解决方案是什么？

Answer 1

window.onbeforeunload = function(){
created_session = window.pageYOffset;
};

并且在产品页面中，只需在加载Ajax内容后添加此javascript代码。还保留一个变量，该变量计算从数据库加载的产品数量。例如，添加了5次新产品（例如每个产品添加12次）。您应该将其保留在会话中，并将其乘以5 * 12 =60。您可以通过其limit属性从数据库中加载产品。

 if (isset? created session)
  window.scrollBy(0, created_session for pageYOffSet);