单击浏览器后退按钮时忽略滚动事件

Question

在我的网站中，列表页加载表行中的所有数据。当用户滚动到页面底部(无限滚动(时，它会继续加载。这很好用。用户可以点击行中的链接，然后登陆子域上的另一个页面。当用户点击返回按钮进入列表页面时，它会触发滚动事件并加载数据。有时滚动事件触发几次(比如发生3到5次api调用(

场地是用Vuejs建造的。我尝试过一些建议，比如window.onpopstate，vuejs的导航卫士。window.onpopstate不起作用。Vuejs的beforeRouteEnter没有帮助。因为即使在beforeRouteEnter中捕获标志之前，滚动事件也会触发。

有没有什么方法可以阻止点击后退按钮触发滚动事件？

Answer 1

这可能就是您想要的：

if ( 'scrollRestoration' in history ) {
history.scrollRestoration = 'manual';
}