overscroll의 끝을 감지합니다.

Question

요소가 webkit-overflow-scrolling이 "touch"(iOS 장치의 경우 document.documentElement의 기본값)로 설정되어 있으면 사용자가 내용을 오버플로 할 수 있습니다. 사용자가 touchevent을 놓으면 요소가 0으로 스크롤 될 때까지 시간이 걸립니다.

오버 스크롤의 끝을 감지하는 방법은 무엇입니까?

Answer 1

var overscroll; 

window.addEventListener('touchstart', function() { 
    // User has very quick fingers. 
    overscroll = false; 
}); 

window.addEventListener('touchend', function() { 
    // User released touch-drag event when element was in an overscroll state. 
    if (document.body.scrollTop < 0) { 
     overscroll = true; 
    } 
}); 

window.addEventListener('scroll', function() { 
    if (overscroll && document.body.scrollTop == 0) { 
     overscroll = false; 

     console.log('end of overscroll'); 
    } 
});