cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Tatal ke Sauh Khusus pada Halaman Web menggunakan JavaScript?

Bagaimana untuk Tatal ke Sauh Khusus pada Halaman Web menggunakan JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-17 18:39:02465semak imbas

How to Scroll to Specific Anchors on a Web Page using JavaScript?

Menavigasi Halaman Web ke Sauh Khusus menggunakan JavaScript

Menavigasi halaman web ke sauh tertentu boleh dicapai dengan JavaScript dengan menggunakan lokasi. harta hash. Sauh ditentukan dalam HTML menggunakan nama atau atribut id.

Kod:

Kod JavaScript berikut menyediakan penyelesaian mudah untuk menatal halaman ke sauh yang diberikan:

function scrollTo(hash) {
    location.hash = "#" + hash;
}

Penggunaan:

Fungsi ini mengambil satu parameter, cincang, yang sepadan dengan nama atau id penambat. Memanggil scrollTo('anchorName') akan menatal halaman ke elemen dengan anchorName yang ditentukan.

Contoh:

Dalam struktur HTML berikut:

<html>
<body>
    <a name="section1">...</a>
    <a name="section2">...</a>
</body>
</html>

Memanggil scrollTo('section2') akan menatal halaman dengan lancar ke bahagian dengan sauh section2. Ini meniru kesan mengakses terus URL http://server.com/path#section2, memastikan sauh kelihatan berhampiran bahagian atas halaman.

Nota:

Kaedah ini tidak memerlukan jQuery atau mana-mana perpustakaan tambahan dan berfungsi dengan berkesan pada pelbagai pelayar.

Atas ialah kandungan terperinci Bagaimana untuk Tatal ke Sauh Khusus pada Halaman Web menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery html require using Property function this location http
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimanakah Saya Boleh Mengulang Rentetan Berbilang Kali dalam JavaScript?Artikel seterusnya：Bagaimanakah Saya Boleh Mengulang Rentetan Berbilang Kali dalam JavaScript?

Artikel berkaitan

Lihat lagi