JavaScript Detect Scroll Direction

var currentPageXOffset = 0, currentPageYOffset = 0; window.addEventListener("scroll", function() { var X = this.pageXOffset, Y = this.pageYOffset; if (currentPageXOffset < X) { console.log('scroll right'); } else if (currentPageXOffset > X) { console.log('scroll left'); } if (currentPageYOffset < Y) { console.log('scroll down'); } else if (currentPageYOffset > Y) { console.log('scroll up'); } currentPageXOffset = X; currentPageYOffset = Y; }, false);

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.