Bagaimanakah Saya Boleh Tatal ke Bahagian Atas Halaman Web Menggunakan JavaScript?-tutorial js-php.cn

Bagaimanakah Saya Boleh Tatal ke Bahagian Atas Halaman Web Menggunakan JavaScript?

Susan Sarandon

Lepaskan： 2024-11-29 01:40:11

asal

595 orang telah melayarinya

How Can I Scroll to the Top of a Web Page Using JavaScript?

Menatal ke Bahagian Atas Halaman Web dengan JavaScript

Bergerak ke bahagian atas halaman web dengan JavaScript adalah tugas biasa, terutamanya apabila menatal segera dikehendaki. Ini boleh dicapai dengan mudah menggunakan kaedah window.scrollTo() terbina dalam, yang membolehkan anda menentukan kedudukan yang diingini pada halaman.

Kod JavaScript:

Untuk menatal ke bahagian atas halaman serta-merta, gunakan yang berikut kod:

window.scrollTo(0, 0);

Salin selepas log masuk

Parameter:

xCoord: Koordinat mendatar (dalam piksel) untuk menatal ke. Tetapkan ini kepada 0 untuk menatal ke tepi kiri.
yCoord: Koordinat menegak (dalam piksel) untuk menatal ke. Tetapkan ini kepada 0 untuk menatal ke atas.

Dengan memasukkan 0 untuk kedua-dua xCoord dan yCoord, anda boleh menatal ke penjuru kiri sebelah atas halaman serta-merta.

Contoh Penggunaan:

<!DOCTYPE html>
<html>
<body>
<p>Scroll down this page and then click the button.</p>

<button onclick="window.scrollTo(0, 0)">Scroll to Top</button>
</body>
</html>

Salin selepas log masuk

Apabila butang diklik, halaman akan serta-merta melompat ke atas.

Nota: Jika anda ingin mencapai penatalan lancar dengan animasi, pertimbangkan untuk menggunakan pemalam atau rangka kerja JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Tatal ke Bahagian Atas Halaman Web Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!