Apa yang berlaku ialah ini:. . . .

Saya membuat halaman web, dan bahagian bawah halaman web perlu menunggu 3 saat untuk naik secara automatik selepas dimuatkan, jadi saya menggunakan kaedah animasi Jquery:

$("#part2").animate({marginTop: " - =800px"}, 8000);

Julat, selepas menggunakan kaedah ini, ternyata roda tetikus tidak dapat mengeluarkannya.

Jadi, saya menggunakan sekeping kod js untuk memantau pergerakan roda Jika ada pergerakan roda, ubah suai sifat margintop supaya lapisan bahagian2 boleh meluncur ke atas dan ke bawah mengikut roda. .

Akhirnya, saya dapati fungsi itu telah dilaksanakan, tetapi atribut margin-top bahagian2 boleh ditingkatkan secara tidak terhingga, menyebabkan bahagian2 kadang-kadang turun ke jarak yang tidak terhingga Pada masa ini, saya keliru.

$(document).on('mousewheel DOMMouseScroll', onMouseScroll(e) { e.preventDefault(); var wheel = e.originalEvent.wheelDelta || .max(-1, Math.min(1, wheel)); part2.style.marginTop =( parseInt(part2.style.marginTop) - delta*20) + "px"; ( parseInt(part2.style.marginTop) + delta*20 ) + "px"; Saya tahu anda semua faham, saya seorang noob! Terima kasih!