不工作 - 标题向上滚动向下滚动,向下滚动向上滚动 - jquery

时间:2017-03-21 21:43:35

标签: javascript jquery

我有以下jQuery,我试图在向下滚动时隐藏标题并在向上滚动时显示,但我无法让它工作?所有将成为slideUp等的内容都在标题标记

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

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

我可以使用以下代码让标题消失,但真的很难使其正常运行

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

我哪里错了?提前致谢

1 个答案:

答案 0 :(得分:0)

我真的不明白你想要达到的效果是什么,但你可能错的是使用window作为.scroll()的参考,而不是使用{{1 }}

所以请尝试使用document,因为我已尝试使用jsFiddle