스크롤 도중에만 실행하기 js

beomhak lee·2024년 3월 31일

work_tip

목록 보기
14/37
post-thumbnail

스크롤 하는도중에만 실행하고 스크롤이 멈추면 멈추는 기능 sample

<div class="world">
    <div class="ball"></div>
  </div>
  scrollState = false;
  const ballElem = document.querySelector('.ball');
  
  window.addEventListener('scroll',function(){

    clearTimeout(scrollState);

    if(!scrollState) {
      ballElem.classList.add('active');
    }

    scrollState = this.setTimeout(function(){
        scrollState = false;
        ballElem.classList.remove('active');
    },500);

  })

0개의 댓글