ScrollPosition tidak ditetapkan ke atas apabila menavigasi ke halaman lain

Question

Halaman web direka bentuk menggunakan pendekatan tuan-hamba. Induk mempunyai tab (anak tetingkap kiri) yang, apabila diklik, memaparkan halaman yang sepadan dalam hamba (anak tetingkap kanan). Sebagai contoh. master mempunyai tiga dua tab "Skema dan Templat" di mana skema ditunjukkan secara lalai. Pengguna boleh menavigasi antara dua halaman ini (dimuat oleh halaman hamba) menggunakan tab di anak tetingkap kiri (dimuatkan oleh halaman induk).

Sekarang, apabila pengguna menatal ke kedudukan dalam halaman skema dan menavigasi ke halaman templat, kedudukan tatal tidak ditetapkan ke atas. Tetapi tingkah laku menatal ditetapkan dalam fail penghala.

const createRouter = () =>
  VueRouter baharu({
     tatalKelakuan: () =>
     laluan:[
     //mempunyai semua laluan
     ]
});

Apabila menetapkan titik putus berhampiran Gelagat tatal dan memerhati, garisan dipukul apabila terdapat navigasi tetapi kedudukan tatal tidak ditetapkan ke atas apabila menavigasi dari seni bina ke halaman templat.

Walau bagaimanapun, apabila menatal ke lokasi tertentu dalam halaman templat dan menavigasi ke halaman seni bina, halaman itu ditetapkan ke atas.

Juga cuba menulis fungsi window.scrollTo(0, 0); Walaupun ia diklik, halaman tidak ditetapkan ke atas.

Bolehkah sesiapa menjelaskan mengapa ini berlaku? Saya mencuba hampir setiap penyelesaian yang mungkin disenaraikan di stackoverflow.

Answer 1

Saya juga mengalami masalah ini dalam vue. Jika anda ingin menatal ke atas, anda perlu menggunakan helah ini. Daripada window.scrollTo(0, 0); gunakannya dalam setTimeout, tamat masa adalah sangat kecil.
settimeout(()=>{ window.scrollTo(0, 0); }, 10)
Harap ini membantu.