how check if user is at the top of the html page?

Question

I have a dropdown menu which I like to close automaticly if the user is at the top of the html page,how this can be done with javascript/jquery?

Answer 1

You can easily do this with checking the scrollTop method from jQuery, on the window object:

$(window).scrollTop()

Just handle the scroll event and within the function, check $(window).scrollTop() === 0 and you will know if the user is scrolled to the top

$(document).scroll(function() { 
   if($(window).scrollTop() === 0) {
     $(".menu").hide();
   }
});