Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa `window.onscroll` tidak berfungsi pada iPhone/iPad?

Mengapa `window.onscroll` tidak berfungsi pada iPhone/iPad?

Patricia Arquette
Patricia Arquetteasal
2024-10-31 09:42:29395semak imbas

 Why Doesn't `window.onscroll` Work on iPhone/iPad?

Merakam Acara pada iPhone/iPad dengan Acara Tatal

Semasa cuba menangkap acara tatal pada iPad, usaha penyelesaian masalah mendedahkan pendekatan biasa seperti window.onscroll dan document.onscroll gagal mencetuskan respons yang diingini.

Memahami Pengendalian Acara pada Peranti iOS

Mekanisme pengendalian acara iPhoneOS berbeza daripada pelayar desktop tradisional . Ia tidak menjana acara tatal semasa menyorot satu jari berterusan atau menatal dua jari. Sebaliknya, peristiwa dicetuskan apabila pengguna berhenti mengalihkan halaman dan ia melukis semula.

Merakam Acara Tatal pada iPhone/iPad

Untuk menangkap acara tatal dengan jayanya pada iPhone/iPad , gunakan pendengar acara seperti:

window.addEventListener('scroll', function() { alert("Scrolled"); });

atau sintaks jQuery yang setara:

$(window).scroll(function() { alert("Scrolled"); });

Sumber Tambahan

Untuk rujukan lanjut, rujuk Apple dokumentasi tentang pengendalian acara dalam kandungan web Safari: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Atas ialah kandungan terperinci Mengapa `window.onscroll` tidak berfungsi pada iPhone/iPad?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn