javascript - Adakah terdapat kaedah yang lebih pantas dalam vue.js untuk menatal antara muka semasa ke bahagian tertentu?

Question

Sebagai contoh, yang biasa digunakan untuk kembali ke bahagian atas, halaman HTML biasa boleh menetapkan atribut href bagi teg kepada id tertentu, dan kemudian tatal bar skrol ke bahagian itu apabila diklik (sudah tentu, anda juga boleh menetapkan secara terus ketinggian bar skrol) .

Keperluan semasa saya ialah mengklik butang berbeza dalam komponen vue yang sama untuk menatal bar skrol ke bahagian yang sepadan (kesan penatalan adalah pilihan). Jika anda terus menggunakan kaedah yang disebutkan di atas, ia akan mencetuskan lompatan halaman Jika anda menetapkan ketinggian bar skrol secara langsung, anda perlu mendapatkan kedudukan satu demi satu, yang tidak semudah yang pertama.

Sila beri saya nasihat, adakah anda mempunyai idea yang lebih baik untuk merealisasikan keperluan ini?

Answer 1

Element.scrollIntoView()

Ini ialah API asli JS Selepas membuat panggilan, penyemak imbas akan menatal ke kedudukan elemen sasaran.

https://developer.mozilla.org...

Answer 2

Jika anda tidak boleh menggunakan mata sauh, anda hanya boleh mendapatkan kedudukan bar skrol setiap bahagian.

Answer 3

Anda hanya boleh menggunakan js, seperti di bawah, dapatkan jarak antara elemen sasaran dan bahagian atas halaman dalam acara tersebut, kemudian kawal paksi skrol:

$(window).scrollTop( $("#caaa").offset().top )

Answer 4

Dari perspektif kasar, kaedah anchor point pastinya ganas.

Answer 5

Cari pemalam js asli untuk diperkenalkan

Answer 6

Soalan yang sama! Saya pun tak tahu

Answer 7

https://huahua0406.github.io/...

Ada skrol kiri dan kanan yang sepadan di bawah, saya tidak tahu sama ada ia memenuhi keperluan anda

Answer 8

vue-router2

penghala mempunyai fungsi mensimulasikan mata penambat