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