ScrollPosition tidak ditetapkan ke atas apabila menavigasi ke halaman lain
P粉556159786
P粉556159786 2023-08-30 09:07:14
0
1
457

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.

P粉556159786
P粉556159786

membalas semua (1)
P粉248602298

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

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!