debounce for scrolling

PHOTO EMBED

Tue Mar 21 2023 23:59:48 GMT+0000 (Coordinated Universal Time)

Saved by @davidmchale #scrolling #debounce

const images = document.querySelectorAll('.slide-in');

// debounce function for scrolling
function debounce(func, wait = 20, immediate = true) {
  var timeout;
  return function() {
    var context = this, args = arguments;
    var later = function() {
      timeout = null;
      if (!immediate) func.apply(context, args);
    };
    var callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) func.apply(context, args);
  };
};


function checkSlide(e){
  images.forEach((image) => {
    const slideInAt = (window.scrollY + window.innerHeight) - image.height / 2;
    console.log(slideInAt)
  })
}



window.addEventListener('scroll', debounce(checkSlide))
content_copyCOPY