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

home2 게시판 JavaScript, TS 게시판 스크롤 페이지 진척도 UI 질문있습니다

스크롤 페이지 진척도 UI 질문있습니다

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #47173

    지성준
    참가자
    <script>
    $(window).on('scroll',function(){
    let scrollY = document.documentElement.scrollTop;
    let totalY = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    let percentage = (scrollY / totalY) * 100;//퍼센트 값
    document.querySelector(".progress").style.width = percentage + "%";
    console.log(document.documentElement.clientHeight)
    console.log(document.documentElement.scrollHeight)
     })
    </script>
    
    혼자 해결이 안돼서 구글에서 퍼온건데 다른 질문글에 답변주신거 보면 
    (스크롤한 높이 - 전체 높이) * 100 + % 라고 봤는데 
    그렇게 해도 되긴 하는데 위에 처럼
    (스크롤한 높이 - (전체높이 - 현재높이)) 이렇게 입력해면 콘솔 찍어봤을때 숫자가 다르긴한데상단에 진척도가 제대로 나옵니다
    둘 다 맞는 방법인가요?
    #47201

    codingapple
    키 마스터
    의도대로 잘 동작하면 어떻게짜도 상관없습니다
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 호 / 개인정보관리자 : 박종흠