/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 vote138 views1 answer
Detecting screen width in jquery
Javascript jQuery
9 votes135 views2 answers
Jquery modify style attribute
Javascript jQuery
120 votes309 views6 answers
Jquery checkbox checked
Javascript jQuery
0 vote153 views1 answer
Jquery AND operation
Javascript jQuery
22 votes103 views1 answer
Jquery loop over elements
Javascript jQuery
1 vote134 views1 answer
Get the last option from select jquery
Javascript jQuery
91 votes162 views6 answers
Jquery find
Javascript jQuery
0 vote143 views2 answers
Jquery OR operation
Javascript jQuery
0 vote162 views1 answer
Mlutiple css jquery
Javascript jQuery
14 votes143 views5 answers
Append after element jquery
Javascript jQuery