반응형
스크롤바 맨밑
-
[JavaScript] 스크롤바 위치감지 이벤트JavaScript 2024. 4. 1. 17:27
스크롤바를 이동하여 최상단으로 이동하는 맨위로 버튼이나, 더보기 이벤트를 동작시키기 위해서는 현재 스크롤바의 위치를 감지하는 로직이 필요하다. 아래 그 예시를 기록으로 남긴다. document.body.addEventListener('scroll', () => { let isScrollDone = document.body.offsetHeight + document.body.scrollTop >= document.body.scrollHeight ? true : false; //총 스크롤 길이보다 스크롤바길이 + 스크롤이동길이가 같거나 크면 스크롤바는 최하단이다. if (document.body.scrollTop > 0) { if (isScrollDone) { this.moreshow = true; } el..