스크롤 이벤트

https://ko.javascript.info/size-and-scroll-window

Window sizes and scrolling

<문서 전체 높이 값> - 브라우저 별로 값이 다르게 나올수 있므로 아래 함수를 사용해야되나봄

Math.max( document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight );

현재 높이 맨위가 아닌 맨아래에서 구하려면 scrollTop과 clientHeight를 더해주면 되는듯

    document.addEventListener('scroll', function () {
        let currentScroll = document.documentElement.scrollTop + document.documentElement.clientHeight
       
         let height = Math.max(
            document.body.scrollHeight, document.documentElement.scrollHeight,
            document.body.offsetHeight, document.documentElement.offsetHeight,
            document.body.clientHeight, document.documentElement.clientHeight
        );
 
        if (currentScroll >= height) {
            console.log('currentScrollValue is ' + currentScroll + ' / max: ' + height);
        }
    });