原生js导航栏上滑隐藏，下滑显示

吃瓜阿阳 2022-09-20 17:22:32

友情提示点击顶部放大镜可以使用站内搜索记住我们的地址 www.hainabaike.com

// 上下滑动筛选栏显示隐藏var windowTop=0;$(window).scroll(function() {
    let scrollS = $(this).scrollTop();
    let selBtn = document.querySelector('.sel-btn');
    if(scrollS>=windowTop){
        selBtn.style.opacity=0; // 上滑时要做的事（隐藏）
        windowTop=scrollS;
    }else{
        selBtn.style.opacity=1; // 下滑时要做的事（显示）
        windowTop=scrollS;
    }});

增加减少CLASS

var scrollTop;    
var searchTop = $("#t_div").height();    
$(window).scroll(function () {    
scrollTop = $(this).scrollTop();    
if (scrollTop > searchTop) {    
$("#defaultSearch").addClass("suspend");    
} else {    
$("#defaultSearch").removeClass("suspend");    
}    
});