• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 10 분 스크롤 이벤트 숙제 해설 & 페이지 스크롤 응용

10 분 스크롤 이벤트 숙제 해설 & 페이지 스크롤 응용

  • 이 주제에는 2개 답변, 2명 참여가 있으며 윤종일2 년 전에 전에 마지막으로 업데이트했습니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #85024

    윤종일
    참가자
    스크롤 이벤트 다 내렸을때만 실행하려고 이런식으로 코드를 짰습니다.
    문제될 점이 있나요?
          <script>
            var cnt = 0;
    
            document.querySelector('.subText').addEventListener('scroll',function(){
              var 스크롤양 = document.querySelector('.subText').scrollTop;
              var 실제높이 = document.querySelector('.subText').scrollHeight;
              var 높이 = document.querySelector('.subText').clientHeight;
              
              if (cnt==0&&스크롤양 + 높이 > 실제높이 - 10) {
                console.log(높이);
                alert('다읽음');
                cnt++;
              }
              else if(스크롤양 + 높이 < 실제높이 - 10){
                cnt=0;
              }
            });
          </script>
    
    
    
     
     
     
     
     
     
     
     
     
    #85031

    codingapple
    키 마스터
    잘되면 상관없는데 cnt를 숫자말고 true false로 해도될듯요
    #85100

    윤종일
    참가자
    감사합니다! 그렇게도 코드 한번 짜볼게요!
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠