inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

182

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

강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.

2

35

1

쿠버네티스 어나더 클래스-Sprint 1, 2 강의 관련 질문이있습니다.

1

34

1

갑자기 stock_prediction은 어디서 발생한건가요?

1

49

2

FRED API

1

44

1