"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Por que `window.onscroll` não funciona no iPhone/iPad?

Por que `window.onscroll` não funciona no iPhone/iPad?

Publicado em 2024-11-08
Navegar:482

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

Captura de eventos no iPhone/iPad com evento de rolagem

Ao tentar capturar o evento de rolagem em um iPad, os esforços de solução de problemas revelam que abordagens comuns como window.onscroll e document.onscroll não conseguem acionar a resposta desejada.

Compreendendo o tratamento de eventos no iOS Dispositivos

O mecanismo de manipulação de eventos do iPhoneOS difere dos navegadores de desktop tradicionais. Ele não gera eventos de rolagem durante a movimentação contínua com um dedo ou rolagem com dois dedos. Em vez disso, os eventos são acionados quando o usuário para de mover a página e ela a redesenha.

Capturando eventos de rolagem no iPhone/iPad

Para capturar eventos de rolagem com sucesso no iPhone/iPad , use ouvintes de eventos como:

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

ou sintaxe jQuery equivalente:

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

Recursos adicionais

Para referência adicional, consulte a documentação da Apple sobre como lidar com eventos no conteúdo da web do Safari: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3