在Next.js中，有没有办法确定是否使用了滚动架，即使使用了后纽按钮？

Question

我正在使用 scrollrestoration Next.js的功能来恢复页面位置时按下返回按钮。问题是，它不会恢复该页面上旋转木马的水平滚动位置。因此，我创建了自己的会话变量来跟踪每个轮播的位置并在页面加载中还原它们。问题是，如果按下背面/向前按钮，我只想恢复这些滚动位置。如果有一个指标表明 scrollrestoration 在页面上使用了，则可以使用该页面，否则，如果有迹象表明该页面是使用也可以解决该页面的forward/back按钮访问的。

有什么想法吗？

Answer 1

我已经弄清楚了如何确定是否为页面设置了卷轴。

React.useEffect(() => {
    const hasScrollHistory = sessionStorage.getItem(`__next_scroll_${window.history.state.idx}`);
    if (hasScrollHistory) {
        // do your restore logic here
    }
}, []);

Answer 2

从来没有这样做，但是我的本能是：

• 制作包装器组件，揭露 next/router 在组件中
• 设置 useffect 在 router.pathname 更改
• 设置了一个条件，以观看 history.back（）

围绕框架的这种方式，但看起来下一步并不像您要寻找的东西。