cari

Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Tatal ke Bahagian Atas Halaman Web Menggunakan JavaScript?

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

Susan Sarandon
Susan Sarandonasal
2024-11-29 01:40:11719semak imbas

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

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>

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!

JavaScript edge if for using this position animation
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：Bagaimana untuk Memasukkan Fungsi Luaran dalam Aplikasi Node.js Anda?Artikel seterusnya：Bagaimana untuk Memasukkan Fungsi Luaran dalam Aplikasi Node.js Anda?

Artikel berkaitan

Lihat lagi