Javascript 具有固定边栏布局的NuxtJs nuxt链接滚动行为

我目前正在构建一个Nuxt应用程序，页面左侧有一个固定的边栏，页面右侧有可滚动的内容

由于这种布局，我在页面包装div和内容容器overflow:scroll上使用flexbox和overflow:hidden

您可以在此处查看此项的代码：

现在，当使用nuxt链接时，通常它会将页面滚动到顶部，但是由于布局已经更改，并且我的应用程序没有使用初始body/html标记滚动条，因此它不会将页面滚动到顶部。我一直在阅读NuxtjJs文档，但遗憾的是，我无法确切地找到如何更改要滚动的目标滚动条

我已经在我的nuxt.config.js中添加了以下代码，但这没有帮助

router: {
    scrollBehavior: function (to, from, savedPosition) {
        return { x: 0, y: 0 }
    }
}

---

这里有人能帮我解决这个问题吗？非常感谢您的帮助。

只需将此添加到您身体的css中即可

body {
  ...
  overflow-y: hidden;
}

然后在内容的容器元素中添加CSS属性

overflow-y: auto

这样，只有内容端才会滚动。页面的其他部分不会滚动。本质上，您不需要javascript来实现这一点