新闻中心 网络推广 网站建设 优化推广

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

时间:2023-08-09   来源:本站

如何用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>


新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

解决 iOS 设备上链接要点击两次才跳转的问题
解决 iOS 设备上链接要点击两次才跳转的问题

引入JQ,使用以下代码。$(document).ready(function(){$('a').on('clicktouchend',functio...

从SQLITE升级到开发版MYSQL之后出错的错误。
从SQLITE升级到开发版MYSQL之后出错的错误。

由于网站的数据量变大,最新将一个程序从SQL升级到了开发版的新版的MYSQL数据库,然后在发布文章的时候出现...

Top