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

home2 게시판 JavaScript, TS 게시판 스크롤 진척도를 알려주는 응용문제 질문

스크롤 진척도를 알려주는 응용문제 질문

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

    박재현
    참가자
    <html>
    <body>
    </body>
    <script>
      window.addEventListener('scroll',function(){
            let one= document.querySelector('body').scrollTop;  //현재 웹페이지 스크롤양
            let two = document.querySelector('body').scrollHeight; //현재 웹페이지 실제높이
            let three = document.querySelector('body').clientHeight; //현재 웹페이지 보이는 높이임
            let exm = (one/(two-three))*100
            document.querySelector('.hello').innerHTML = exm
    </script>
    </html>
    바로 표시하기 귀찮아서 %로 구현했는데,
    셀렉터를 body 할때만 제대로 나오고 html 로 할때는 NaN 입니다. 
    뭐때문에 그럴까요?
    
    
    
    
    
    
    
    
    
    
    		
    	
    #87952

    codingapple
    키 마스터
    script태그를 body태그안에넣어봅시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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