เมื่อเร็ว ๆ นี้ฉันได้เลียนแบบสไตล์หน้าและการมีปฏิสัมพันธ์ของเว็บไซต์สำคัญ ๆ และพบว่าพวกเขาหลายคนมีความจำเป็นที่จะต้องกลับไปสู่จุดสูงสุดดังนั้นฉันจึงเขียนเกี่ยวกับ JS และบันทึกไว้
ฉันพบว่าเอฟเฟกต์แอนิเมชั่นจากเร็วไปจนถึงช้าและฟังก์ชั่นของการดึงแถบเลื่อนลงเพื่อหยุดการเลื่อนได้ตลอดเวลา ฉันอ้างถึงหลักสูตรที่เกี่ยวข้องใน IMOOC และในที่สุดก็ใช้รหัส JS ดังนี้:
// trigger window.onload = function () {var btn = document.getElementById ('btn'); ตัวจับเวลา var = null; var istop = true; // รับหน้าการดูหน้าความสูง var clientHeight = document.documentElement.clientheight; // ทริกเกอร์ window.onscroll = function () {// แสดงกลับไปที่ปุ่มด้านบน var ostop = document.documentelement.scrolltop || document.body.scrolltop; if (ostop> = clientheight) {btn.style.display = "block"; } else {btn.style.display = "ไม่มี"; - // ในกระบวนการกลับไปด้านบนผู้ใช้เลื่อนแถบเลื่อนและหยุดตัวจับเวลาถ้า (! iStop) {ClearInterval (ตัวจับเวลา); - istop = false; - btn.onclick = function () {// ตั้งค่าตัวจับเวลาตัวจับเวลา = setInterval (function () {// รับความสูงของแถบเลื่อนจากด้านบน var ostop = document.documentElement.scrolltop || document.scrolltop; var ispeed = math.floor OSTOP+ISPEED; -ตัวอย่างง่าย ๆ ข้างต้นของเอฟเฟกต์ภาพเคลื่อนไหวของ JS เพื่อกลับไปที่ด้านบนของหน้าคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น