Jquery移动端上滑隐藏底部导航下滑出现

in 前端 with 0 comment

首先获取windows对象的scrollTop;底部导航是固定定位,然后做简单的判断,应该算最简单的实现方式了。

var p = 0,
    t = 0;
    //上下滚动时隐藏导航栏
    $(window).scroll(function(e){
        //下滑
        p =$(this).scrollTop();
        if(t < p && p !==0){
            $('.my-nav-footer').slideUp('fast');
        } else {
            //上滑
            $('.my-nav-footer').slideDown('fast');
        }
        //更新上一次的scroll值
        t = p;;
    })
发表新评论