บทความนี้ได้แบ่งปันผลกระทบของ JavaScript กลับไปด้านบนสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua ที่เข้ากันได้กับเนื้อหา =" hede = edge, chrome = 1 "> <title> กลับไปด้านบน } .BG {WIDTH: 1022PX; มาร์จิ้น: 0 อัตโนมัติ; } .BTN {แสดง: ไม่มี; ความกว้าง: 75px; ความสูง: 75px; ความเป็นมา: URL (../ Images/Web Top Small Icon (กลับไปด้านบน)/กลับไปที่ TOP-085.PNG) ที่ไม่มีการทำซ้ำด้านซ้าย ตำแหน่ง: แก้ไข; ซ้าย: 50%; ขอบซ้าย: 530px; ด้านล่าง: 10px; Text -Indent: -9999px; โครงร่าง: ไม่มี; } .Btn: Hover {ตำแหน่งพื้นหลัง: 0 -75px; } </style> <script> var timer = null; var isscroll = true; //1.2 สร้างฟังก์ชั่นฟังก์ชั่น Oscroll oscroll () {var ostop = document.documentelement.scrolltop || document.body.scrolltop; // 1.1 ความสูงของการเลื่อนเข้ากันได้กับ var ospeed = math.ceil (ostop/4); if (ostop == 0) {// ตัดสินการเข้าถึงของด้านบนทำความสะอาดตัวจับเวลา ClearInterval (ตัวจับเวลา); } issCroll = true; } window.onload = function () {var obtn = document.getElementById ('btn'); // รับองค์ประกอบปุ่ม var clientheight = document.documentelement.clientheight || document.body.clientheiight; // 1. คลิกปุ่มส่งคืนเหตุการณ์ btn.onclick = function () {// ผูกปุ่มคลิกตัวจับเวลาเหตุการณ์ = setInterval (Oscroll, 50); } window.onscroll = function () {var ostop = document.documentelement.scrolltop || document.body.scrolltop; // 1.1 ความสูงของการเลื่อนเข้ากันได้ถ้า (ostop> clienteHeight) {btn.style.display = "block"; } else {btn.style.display = "ไม่มี"; } if (! isscroll) {clearInterval (ตัวจับเวลา); } issCroll = false; }} </script> </head> <body> <div> <img src = "../ images/jz.jpg"> </div> <a href = "javascript: void (0);" id = "btn"> กลับไปด้านบน </a> </body> </html>ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้และฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้การเขียนโปรแกรม JavaScript