Das Beibehalten des Scrollens während der Seitennavigation ist immer eine unerwünschte Funktion.

Question

Ich habe ein standardmäßiges laravel+inertia+vue3-Setup mit breeze und wie es in der Inertia-Dokumentation heißt, sollte die Navigation zwischen Seiten das Standardverhalten des Browsers nachahmen und den Bildlauf nach oben zurücksetzen, wenn die Seite geladen wird. Aber in meinem Fall funktioniert das nicht.

Ich habe kein preserveScroll: true in meinem Link, aber das passiert trotzdem.

Ich habe versucht, mit dem vuejs onMounted()-Hook nach oben zu scrollen, wenn die Komponente geladen wird, aber die Seite scrollt sofort vom oberen Rand der vorherigen Seite zur letzten Scrollposition. Deshalb habe ich diesen Haken deaktiviert, weil der Flackereffekt hässlich war.

Irgendeine Idee, wie man dieses Problem lösen kann? Dank im Voraus.

Answer 1

我认为你必须定义滚动区域：https://inertiajs.com/scroll -management#scroll-regions

您的应用似乎不使用文档正文滚动。

Answer 2

我的 CSS 文件有一个属性 overscroll-behavior: contains; 应用于 body 标记。自从我删除它以来，现在一切正常。