Baru -baru ini, saya telah meniru gaya halaman dan interaksi situs web utama, dan menemukan bahwa banyak dari mereka memiliki kebutuhan untuk kembali ke atas, jadi saya menulis tentang JS dan merekamnya.
Saya menemukan bahwa efek animasi dari cepat ke lambat dan fungsi menarik bilah gulir untuk berhenti menggulir kapan saja. Saya merujuk pada kursus yang relevan di IMOOC, dan akhirnya mengimplementasikan kode JS sebagai berikut:
// trigger window.onload = function () {var btn = document.geteLementById ('btn'); var timer = null; var istop = true; // Dapatkan halaman tampilan halaman tinggi var clientHeight = document.documentelement.clientHeight; // pemicu window.onscroll = function () {// Tampilkan kembali ke tombol atas var ostop = document.documentelement.scrolltop || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block"; } else {btn.style.display = "none"; }; // Dalam proses kembali ke atas, pengguna menggulir scrollbar dan menghentikan timer if (! IStop) {clearInterval (timer); }; iStop = false; }; btn.onClick = function () {// Set timer timer = setInterval (function () {// Dapatkan ketinggian scrollbar dari var ostop = document.documentelement.scrolltop. OSTOP+ISPEED; };};Contoh sederhana dari efek animasi JS untuk kembali ke bagian atas halaman adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.