当前位置:首页>新闻中心>网站建设

jq实现鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。

时间:2023-08-09   访问量:0

如何用JQ实现:鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。

废话不多说,直接上代码:

<script>
    $(function() {  
        $(document).on("mousewheel DOMMouseScroll", function (e) {
        var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox
        if (delta > 0) {           
            $("#top").removeClass("d-none"); // 向上滚,这里的代码自己定义,我提供的只是一个演示。
        } else if (delta < 0) {            
            $("#top").addClass("d-none");    // 向下滚,这里的代码自己定义,我提供的只是一个演示。
        }
    });
  })
</script>


在线咨询

点击这里给我发消息 售前咨询专员

点击这里给我发消息 售后服务专员

咨询

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

通话

微信扫一扫

微信
返回