Artikel ini menjelaskan implementasi sederhana JavaScript untuk kembali ke efek tombol atas mengikuti scrollbar mengambang. Bagikan untuk referensi Anda, sebagai berikut:
Versi yang relatif luar biasa yang hanya menampilkan lebih dari satu ketinggian layar, dan mengikuti bilah gulir yang mengambang kembali ke kode efek khusus tombol atas.
Efek operasi ditunjukkan pada gambar di bawah ini:
Kode contoh lengkap adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> uji </title> <style> body {high: 2000px; Tinggi: 25px; Teks-Align: tengah; Ukuran font: kecil; Line-Height: 25px; Perbatasan: 1px Solid #999; Posisi: diperbaiki; Kanan: 0; Bawah: 0; Border-Bottom-Color:#333; Border-Right-Color:#333; margin: 5px; kursor: pointer; Tampilan: Tidak Ada} </tyle> </head> <body> <Div id = "rtop"> kembali ke atas </div> <script> window.onscroll = function () {if (document.body.scrolltop || document.documentelement.scrolltop> 0) {document.getElementByid ('rtop'). document.geteLementById ('rtop'). style.display = "none"}} </script> </body> </html>Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Efek dan Teknik Peralihan Javascript", "Ringkasan Keterampilan Algoritma Pencarian JavaScript", "Ringkasan Teknik Animasi dan Teknik JavaScript," Ringkasan Ringkasan Data Javascript dan Ringkasan Data Javascript "," Ringkasan Data JavaScript "," Ringkasan Data JavaScript "," Ringkasan DEBUGRITM PENGABUNG DAN RINGKASI DAGGING "RINGKASI DAN RINGKASAN DATRICKS" RINGKASI DAN RINGKASI DAGGING "RINGKASI DAN RINGKASI DAGGING" RINGKAS Algoritma dan teknik traversal javascript ", dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.