스크롤 이벤트를 사용하여 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"); });

추가 리소스

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