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

Question

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

关于如何将用户滚动到容器顶部的任何建议javascript 和有Vuetify移动主工具栏返回到位将不胜感激。

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

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

我已经附上codepen链路演示该问题。一旦向下滚动到容器的底部，如果单击“滚动到顶部”按钮，我希望它会把我带到容器的顶部，并显示主菜单。

Answer 1

我找到了解决我的问题。如果你在问题中提到codepen，你会注意到这个例子现在正在工作。需要的是以下内容：

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