스크롤 탑에 따라 한번만 실행시키는 방법
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





