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

javascript scroll up-down event

Bored Buzzard answered on October 24, 2020 Popularity 9/10 Helpfulness 9/10

answer javascript scroll up-down event

related scroll down up js

javascript scroll up-down event

Comment

window.onwheel = e => {
  if(e.deltaY >= 0){
    // Scrolling Down with mouse
    console.log('Scroll Down');
  } else {
    // Scrolling Up with mouse
    console.log('Scroll Up');
  }
}
 Run code snippet

Popularity 9/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: javascript scroll

Link to this answer
Share Copy Link

Contributed on Sep 27 2022

Bored Buzzard

0 Answers Avg Quality 2/10

Closely Related Answers

scroll down up js

Comment

var lastScrollTop = 0;

// element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element.
element.addEventListener("scroll", function(){ // or window.addEventListener("scroll"....
   var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
   if (st > lastScrollTop){
      // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}, false);

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 24 2020

p2sias

0 Answers Avg Quality 2/10

javascript scroll up-down event

Contents

More Related Answers

javascript scroll up-down event

Closely Related Answers

scroll down up js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.