Saya telah mengerjakan proyek front-end baru-baru ini, dan banyak proyek memiliki persyaratan untuk kembali ke puncak. Di bawah ini saya akan menulis kode JS saya untuk membuat catatan untuk pencarian yang lebih mudah di masa depan.
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;//Get the page viewing area height var clientHeight = document.documentElement.clientHeight;//Trigger window.onscroll = function() {//Show back to top button 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 gulir scrollbar dan menghentikan timer ifer ifer (! false;}; btn.onClick = function () {// Set timer timer = setInterval (function () {// Dapatkan ketinggian scrollbar dari var ostop = document.documentElement.scrolltop = document. document.body.scrolltop = ostop+ispeed; // Tambahkan ke atas, hapus timer if (ostop == 0) {clearInterval (timer);}; istop = true;}, 30);};};Konten di atas adalah kode animasi berdasarkan implementasi berbasis JavaScript kembali ke bagian atas halaman yang diperkenalkan oleh editor. Kode ini sederhana dan mudah dimengerti. Tidak ada terlalu banyak komentar yang melekat pada Anda. Jika Anda menemukan pertanyaan selama proses referensi, silakan tinggalkan saya pesan. Editor akan membalas Anda tepat waktu!