scroll top jquery code example

Example 1: scroll to top jquery

window.scrollTo({top: 0, behavior: 'smooth'});

reference : https://stackoverflow.com/questions/15935318/smooth-scroll-to-top

Example 2: 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;
});

Example 3: scrool to top jquerry

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

Example 4: jquery get document scrolltop

var top = ($(window).scrollTop() || $("body").scrollTop());

Example 5: jquery scroll to position

jQuery(document).ready(function($) {
  $('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
    var target = this.hash,
        $target = $(target);

    $('html, body').stop().animate( {
      'scrollTop': $target.offset().top-40
    }, 900, 'swing', function () {
      window.location.hash = target;
    } );
  } );
} );