/Javascript/jQuery/Jquery on scroll down

Jquery on scroll down

Jquery on scroll

Syntax
Trigger the scroll event for the selected elements:
$(selector).scroll()

Attach a function to the scroll event:
$(selector).scroll(function)

Jquery on scroll down

Check current scrollTop vs previous scrollTop

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st;
});

Similar codes

1 vote157 views1 answer
Jquery insert text into input
Javascript jQuery
0 vote173 views1 answer
Add padding to a div slow jquery
Javascript jQuery
0 vote162 views1 answer
Jquery loop 0 to 10
Javascript jQuery
3 votes147 views1 answer
Fadein fadeout jquery
Javascript jQuery
0 vote157 views1 answer
Jquery is child of
Javascript jQuery
0 vote157 views1 answer
Reload page jquery timer
Javascript jQuery
6 votes159 views2 answers
React in jquery
Javascript jQuery
0 vote117 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
0 vote187 views1 answer
Jquery read dropdown in table cell
Javascript jQuery
3 votes167 views1 answer
Jquery 2 decimal places
Javascript jQuery