Artikel ini telah membagikan efek JavaScript kembali ke atas untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-kompatibel" konten = "IE = edge, chrome = 1"> <title> kembali ke efek atas (JS) </title> <type style = "TEKP/TEKP/COS; } .bg {lebar: 1022px; margin: 0 otomatis; } .btn {display: none; Lebar: 75px; Tinggi: 75px; Latar Belakang: URL (../ Ikon Gambar/Web Top Small (kembali ke atas)/Kembali ke Top-085.png) No-Repeat Left Top; Posisi: diperbaiki; Kiri: 50%; margin-kiri: 530px; Bawah: 10px; Text -Indent: -9999px; Garis Besar: Tidak Ada; } .btn: hover {latar belakang -posisi: 0 -75px; } </tyle> <script> var timer = null; var isscroll = true; //1.2 Konstruk fungsi oscroll fungsi oscroll () {var ostop = document.documentelement.scrolltop || document.body.scrolltop; // 1.1 tinggi gulir, kompatibel dengan var ospeed = math.croltop = ostop/4); // scroll speed document.documentelement.scrollt = ostop = document. if (ostop == 0) {// menilai jangkauan atas, bersihkan timer clearinterval (timer); } isScroll = true; } window.onload = function () {var obtn = document.getElementById ('btn'); // Dapatkan elemen tombol var clientheight = document.documentelement.clientHeight || document.body.clientHeight; // 1. Klik Acara Tombol Kembali btn.onClick = function () {// Bind tombol klik Timer Event = SetInterVal (Oscroll, 50); } window.onscroll = function () {var ostop = document.documentelement.scrolltop || document.body.scrolltop; // 1.1 tinggi gulir, kompatibel if (ostop> clientheight) {btn.style.display = "blok"; } else {btn.style.display = "none"; } if (! isScroll) {clearInterval (timer); } isScroll = false; }} </script> </head> <body> <div> <img src = "../ gambar/jz.jpg"> </div> <a href = "javascript: void (0);" id = "btn"> kembali ke atas </a> </body> </html>Di atas adalah semua tentang artikel ini, dan saya harap akan sangat membantu bagi semua orang untuk mempelajari pemrograman JavaScript.