Beberapa waktu yang lalu, saat menulis front-end, Anda perlu mendengarkan acara gulir browser.
Saya memeriksa secara online dan menemukan dua cara untuk memantau acara gulir:
1. JS asli Dengarkan melalui window.onscroll
//window.onscroll = function () {// Untuk memastikan kompatibilitas, ambil dua nilai di sini, mana yang memiliki nilai var scrolltop = document.documentelement.scrolltop || document.body.scrolltop; // Scrolltop adalah ketinggian roda gulir saat acara gulir dipicu}2. JQuery mendengarkan $ (window) .scroll ()
$ (window) .scroll (function () {// Untuk memastikan kompatibilitas, ambil dua nilai di sini, mana yang memiliki nilai var scrolltop = document.documentelement.scrolltop || document.body.scrolltop; // scrolltop adalah ketinggian roda gulir ketika peristiwa gulir dipicu});Saat memantau acara roller, Anda bisa mendapatkan ketinggian rol secara real time. Melalui beberapa kontrol proses seperti menilai tinggi roller, beberapa efek khusus berdasarkan roller dapat direalisasikan, seperti: pemuatan data secara tidak sinkron ketika roller mencapai ujung, ketika tinggi rol 0, dan ketika kepala tetap dan kepala tetap pada ketinggian tertentu, dll.
Dua cara di atas untuk mengimplementasikan acara roda gulir Monitor JS adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.