Pourquoi « window.onscroll » ne fonctionne-t-il pas sur iPhone/iPad ?

Capture d'événement sur iPhone/iPad avec événement de défilement

Lorsque vous tentez de capturer l'événement de défilement sur un iPad, les efforts de dépannage révèlent que les approches courantes tels que window.onscroll et document.onscroll ne parviennent pas à déclencher la réponse souhaitée.

Comprendre la gestion des événements sur les appareils iOS

Le mécanisme de gestion des événements iPhoneOS diffère des navigateurs de bureau traditionnels . Il ne génère pas d'événements de défilement lors d'un panoramique continu à un doigt ou d'un défilement à deux doigts. Au lieu de cela, les événements sont déclenchés lorsque l'utilisateur arrête de déplacer la page et qu'elle se redessine.

Capturer les événements de défilement sur iPhone/iPad

Pour capturer avec succès les événements de défilement sur iPhone/iPad , utilisez des écouteurs d'événements tels que :

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

ou une syntaxe jQuery équivalente :

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

Ressources supplémentaires

Pour plus d'informations, consultez les ressources d'Apple documentation sur la gestion des événements dans le contenu Web Safari : https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!