Breaking News: Grepper is joining You.com. Read the official announcement!

Scroll event throttling JS MDN

Victorious Vole answered on March 16, 2022 Popularity 1/10 Helpfulness 1/10

answer Scroll event throttling JS MDN

Scroll event throttling JS MDN

Comment

// Reference: http://www.html5rocks.com/en/tutorials/speed/animations/

let lastKnownScrollPosition = 0;
let ticking = false;

function doSomething(scrollPos) {
  // Do something with the scroll position
}

document.addEventListener('scroll', function(e) {
  lastKnownScrollPosition = window.scrollY;

  if (!ticking) {
    window.requestAnimationFrame(function() {
      doSomething(lastKnownScrollPosition);
      ticking = false;
    });

    ticking = true;
  }
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: javascript scroll throttling

Link to this answer
Share Copy Link