인프런 커뮤니티 질문&답변
스크롤 탑에 따라 한번만 실행시키는 방법
작성
·
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);}
};
});
});답변
답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!




