강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

amilyy70096님의 프로필 이미지
amilyy70096

작성한 질문수

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

작성

·

178

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);}
      };
    });
   
  });

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
amilyy70096님의 프로필 이미지
amilyy70096

작성한 질문수

질문하기