인프런 커뮤니티 질문&답변
작성한 질문수
스크롤 이벤트에 관한 디테일 질문
작성
·
12
0
제가 만든 페이지는 최하단까지 스크롤 했을 때, 자동으로 리스트가 더 보이는 방식으로 설계되어 있습니다 (리스트가 세로로 엄청 긴 쇼핑몰이라고 이해해주시면 됩니다)
그럴 때, scroll 이벤트는 90% 내렸을 때 1회 발생하고, 100% 내렸을 때 리스트가 자동으로 더 길어지면, 다시 늘려진 것 기준으로 90% 내렸을 때 1회 발생해서
결과적으로, 누적 2회가 발생하는 시스템 맞을까요? 그리고, 계속 자동으로 길어지는 페이지에 따라서 누적으로 무한히 scroll이벤트가 쌓이는 것이 맞을까요?
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다. TeamLucky님.
질문하신 스크롤 이벤트에 관한 내용은 동적인 콘텐츠가 자동으로 로드되는 페이지에서의 이벤트 트리거에 대한 것입니다. 이와 관련된 유사한 질문을 탐색해 보았고 다음과 같은 정보를 제공합니다.
스크롤 이벤트 트리거 작동 방식 이해: 일반적으로, 스크롤 이벤트는 지정된 % 이상 스크롤하였을 때 발생합니다. TeamLucky님의 경우처럼 페이지가 자동으로 길어지는 경우, 새로운 콘텐츠가 로드될 때마다 해당 콘텐츠에 대해 다시 90% 스크롤 시 이벤트가 발생할 수 있습니다. 이는 스크롤 트리거의 특성상, 페이지의 전체 길이를 기준으로 검토되기 때문입니다.
자동 연장되는 페이지에서 이벤트 작동: 스크롤 이벤트는 페이지가 확장될 때마다 새롭게 설정된 길이를 기준으로 다시 계산됩니다. 따라서, 페이지가 자동으로 로드되면서 계속 새 콘텐츠가 추가되면, 스크롤 이벤트는 무한히 트리거될 수 있습니다. 이를 제한하려면, 특정 조건을 추가하거나 새로운 로드마다의 이벤트를 막는 추가적인 로직이 필요할 수 있습니다.
이와 유사한 질문 및 해결책이 스크롤 관련 문제에서 다뤄졌습니다. 해당 질문에서는 스크롤 이벤트가 실시간 보고서에서 누락되는 문제를 설명하고 있으며, 스크롤 이벤트의 불확실한 작동 방식에 대해 탐구합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.