Bagaimana untuk Tatal ke Sauh Khusus pada Halaman Web menggunakan JavaScript?-tutorial js-php.cn

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

Mary-Kate Olsen

Lepaskan： 2024-11-17 18:39:02

asal

371 orang telah melayarinya

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;
}

Salin selepas log masuk

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>

Salin selepas log masuk

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!