특정 div 지날 때 div에 on 클래스 추가 삭제

<script>

    var targetElement = document.querySelector('.p_Category');

    // 이벤트 리스너를 등록하여 스크롤 감지

    window.addEventListener('scroll', function() {

        // 특정 요소의 위치와 크기를 가져옵니다.

        var rect = targetElement.getBoundingClientRect();

 

        if (rect.top < window.innerHeight && rect.bottom >= 0) {

            targetElement.classList.remove('on');

        } else {

            targetElement.classList.add('on');

        }

    });

</script>