0

hope you can give me a tip to understand how can I do to hide my sticky header after 100px on scroll down and show it again after 1px on scroll up. I'm at this point:

$(window).scroll(function() {
var height = $(window).scrollTop();
if ($(window).scrollTop() > 100) {
$("#header").fadeOut(300);  } else {
$("#header").fadeIn(300);    } });

It works but i would like to show again the header on scroll up immediately not at 100 px from the top, any idea? Thanks in advanced!

user1818326
  • 21
  • 4
  • if I got your point .. I think you will need http://stackoverflow.com/questions/4326845/how-can-i-determine-the-direction-of-a-jquery-scroll-event – Mohamed-Yousef Feb 08 '17 at 00:24
  • Thank you for the link but is not exactely what I'm lookig for... Every script works with the same idea, if set 100px, for example, it show/hide the element at the same point in both direction (scroll up / down) while I need to hide my menu after 100 px and show it again if I scroll up at any point of the document. – user1818326 Feb 08 '17 at 08:05

0 Answers0