Maison > interface Web > js tutoriel > le corps du texte

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

Patricia Arquette
Libérer: 2024-10-31 09:42:29
original
452 Les gens l'ont consulté

 Why Doesn't `window.onscroll` Work on 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"); });
Copier après la connexion

ou une syntaxe jQuery équivalente :

$(window).scroll(function() { alert("Scrolled"); });
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal