不起作用-页眉在向下滚动页面上向上滑动，在向上滚动时再次向下滑动-jquery

Question

I have the following jQuery where I am attempting to hide the header on scroll down and appear on scroll up, but I cannot get it to work? All content that will be slideUp etc... is in a header tag

 $(document).ready( function () {
        $(window).scroll(function() {

            var currentScrollTop = $(this).scrollTop();
            if (currentScrollTop > 80){
                $('header').slideUp(200);}
            else {
                $('header').slideDown(200);}    
        });
    });

I can get the header to disappear with the following code but really struggling to make it functional

    $(document).ready( function () {
        $('body').scroll(function() {           
            $('header').slideUp(200);
        });
    });

Where am I going wrong? Thanks in advance

Answer 1

I don't get really what is the effect you want to achieve but what you are probably having wrong is the use of window as a referential for .scroll() instead of the use of document .

So try instead to use $(document).scroll(function(){...}); as I've tried in this jsFiddle .