当“history.back”点击浏览器后退按钮

问题描述

主要成就: 从详细产品页面返回到类别/商店存档时加载以前的页面

我做了什么: 我有一个 wordpress/WooCommerce 网站,我通过 AJAX 在商店/类别页面上实现了延迟加载。此外,一旦加载了下一页,应用程序就会使用 pushState() 方法更新浏览器的 URL。

案例研究: 假设您访问 example.com/shop,然后向下滚动。当您到达页脚时,下一页将通过 AJAX 延迟加载,并且浏览器的 URL 更新为 example.com/shop/page/2。进入第二页后,单击产品 (example.com/product/lorem-ipsum),阅读详细信息并查看图片。然后您决定通过单击浏览器的后退按钮返回。在这种情况下,现在您返回到页面 example.com/shop/page/2,但问题是第一页没有加载到第二页的顶部,因此只显示第二页的产品。进入第二页后,我可以自动加载当前页面上方的前一页/多页吗?

真实例子: 如果您访问 Nike website,您将在我的网站上看到我想要实现的目标。请向下滚动加载多个页面。完成后,单击产品并单击浏览器的后退按钮返回。再次加载页面后,您将出现在访问详细信息页面之前的确切位置,并且您将看到先前页面是如何加载到具有焦点的产品顶部的(只是您单击的那个) .

我尝试过的: 我在互联网上搜索过,但没有找到任何东西。也许我不知道要搜索什么。我读到当您单击后退/前进按钮时会触发窗口 popstate 事件。我曾尝试使用此事件运行一些测试,但失败了。我迷路了:(

你能帮我吗?提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...