>웹 프론트엔드 >JS 튜토리얼 >iPhone/iPad에서 `window.onscroll`이 작동하지 않는 이유는 무엇입니까?

iPhone/iPad에서 `window.onscroll`이 작동하지 않는 이유는 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-10-31 09:42:29469검색

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

스크롤 이벤트를 사용하여 iPhone/iPad에서 이벤트 캡처

iPad에서 스크롤 이벤트를 캡처하려고 시도하는 동안 문제 해결 노력을 통해 일반적인 접근 방식이 드러났습니다. window.onscroll 및 document.onscroll과 같은 이벤트는 원하는 응답을 트리거하지 못합니다.

iOS 장치의 이벤트 처리 이해

iPhoneOS 이벤트 처리 메커니즘은 기존 데스크톱 브라우저와 다릅니다. . 한 손가락으로 연속 이동하거나 두 손가락으로 스크롤하는 동안에는 스크롤 이벤트를 생성하지 않습니다. 대신, 사용자가 페이지 이동을 멈추고 페이지를 다시 그릴 때 이벤트가 트리거됩니다.

iPhone/iPad에서 스크롤 이벤트 캡처

iPhone/iPad에서 스크롤 이벤트를 성공적으로 캡처하려면 , 다음과 같은 이벤트 리스너를 사용하세요:

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

또는 이에 상응하는 jQuery 구문:

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

추가 리소스

자세한 내용은 Apple의 Safari 웹 콘텐츠의 이벤트 처리에 대한 문서: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

위 내용은 iPhone/iPad에서 `window.onscroll`이 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.