Artikel ini menjelaskan metode menggunakan acara scrollbar oleh JS. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Saya telah bertanya -tanya sebelumnya, bagaimana memantau acara scrollbar, tetapi hari ini saya akhirnya sedikit mengerti.
Kode berikut adalah mendengarkan bilah gulir selama bergerak, dan div di bawah ini kembali ke atas untuk menampilkan dan menyembunyikan kode.
window.onscroll = function () {var t = document.documentelement.scrolltop || document.body.scrolltop; if (t> 0) {$ (". CBBFixed"). CSS ("Bottom", "10px"); } else {$ (". CBBFixed"). CSS ("Bottom", "-85px"); }}Catatan:
T: Jarak dari bilah gulir ke ujung atas
T> 0, yaitu, setelah bilah gulir digulir, pernyataan IF () dieksekusi segera. Kode di lain () adalah bahwa ketika bilah gulir mencapai bagian atas, div di bagian atas disembunyikan.
Kembali ke operasi klik tombol atas:
$ ("#cgotop"). klik (fungsi () {$ ('body, html'). animate ({scrolltop: 0}, 100); return false;});Mengisi kembali:
1. Dengarkan acara scrollbar dari elemen tertentu
$ (selector) .scroll (function () {......});2. Dapatkan jarak gulir
$ (selector) .scrolltop (); $ (selector) .scrolllefft ();
PS: Di sini saya merekomendasikan alat kueri online tentang acara JS, yang merangkum jenis acara yang umum digunakan dan fungsi fungsi JS:
Daftar lengkap acara dan fungsi JavaScript:
http://tools.vevb.com/table/javascript_event
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.