Vuetifyを使用してスクロールテクニックを起動してツールバーを取り戻す方法

Question

私はVuetifyのツールバースクロールテクニック機能を使用して、各ページ遷移間にコンテナの上部までスクロールする必要があります。私がscrollTopを使用してjavascriptでこれを起動すると、スクロールは正常に動作しますが、Vuetifyにスクロールアップが発生し、その結果プライマリツールバーが見つからないことがわかりません。特定のページがスクロールを要求するのに十分な長さでない場合、主ツールバーを回復することが不可能になります。

javacript とからコンテナの上部にユーザーをスクロールする方法については、Vuetifyの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)