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

2020年03月01日 13:42:45 发表评论 阅读
// 上下滑动筛选栏显示隐藏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");    
}    
});


  • 我的微信:seausun
  • 这是我的微信扫一扫
  • weinxin
  • 你领一次红包多一份动力
  • 支付宝搜索156-5053-9852领取
  • weinxin