inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스크롤 탑에 따라 한번만 실행시키는 방법

184

amilyy70096

작성한 질문수 2

0

특정 스크롤위치에서 숫자카운트를 해보려하는데요 
아래와 같이 했더니 스크롤될때마다 자꾸 숫자가 변동되네요 ㅠㅠ... 
아직 코린이라서 머리가 지끈.... 
어떻게 해야 제가 지정한 섹션에 들어섰을때에서만 넘버가 카운트가 될까요 ㅠㅠ




$(function(){
  var numAnimation = document.querySelectorAll("#left_skill>ul>li>.skill_count")

  function changeNum(idx){
    var num = 0 ;
    var intervalTime = 15;
    var targetNum = numAnimation[idx].getAttribute('data-rate');

    var timer = setInterval(function(){
      ++num;
      numAnimation[idx].innerText = num;
      
      if(num == targetNum){
        clearInterval(timer);
      }
    },intervalTime);

  }
    window.addEventListener('scroll',function(){
      scrollAmout = this.pageYOffset;


      if(scrollAmout >800){

        for(var i =0; i<numAnimation.length; i++){
          changeNum(i);}
      };
    });
   
  });

답변 0

상금은 언제 받을 수 있나요?

4

68

0

Issuance 테이블에 status, couponId 인덱스가 꼭 필요할까요?

2

49

1

4강 카드뉴스 자동화 자료

4

49

1

부하 테스트 시 설정 관련 질문드립니다

1

78

2