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