如何在使用Vuetify时触发滚动技术以恢复工具栏

Question

我在SPA上使用Vuetify的工具栏滚动技术功能，需要在每次页面转换之间滚动到容器的顶部。当我使用scrollTop通过javascript触发它时，滚动工作正常，但它似乎不让Vuetify知道已经发生了向上滚动，因此主工具栏丢失了。如果某个特定页面的长度不足以要求滚动，则无法重新获得主工具栏。

有关如何将用户从javascript AND 滚动到容器顶部的任何建议都让Vuetify将主工具栏移回原位非常感谢。

<v-toolbar :scroll-off-screen="true" :scroll-target="'#scrolling-techniques'">

https://codepen.io/developerplus/pen/mBbjBq

我附上了一个代码链接，证明了这个问题。一旦向下滚动到容器的底部，如果＆＃34;滚动到顶部＆＃34;单击按钮，我希望它能够将我带到容器的顶部，并显示主菜单。

Answer 1

我找到了解决问题的方法。如果您在问题中引用代码簿，您会注意到该示例现在正在运行。需要的是以下内容：

let event = new CustomEvent('scroll')
container.pageYOffset = 0
setTimeout(() => {
  container.scrollTop = 0
})
container.dispatchEvent(event)