梦秀博客

@Mengx

不忘初心 · 方得始终

  • Guang Zhou
  • https://mengx.io
  • 网站成立 300 天

Mengx

  • Code

JQ实现鼠标上滑显示,下滑隐藏

做主题时用到的功能,代码如下:

<script type="text/javascript">
$(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) {
            // 向上滚
            $('#nav').show(); //显示 id为 nav 的DIV

        } else if (delta < 0) {
            // 向下滚
             $('#nav').hide(); //隐藏 id为 nav 的DIV

        }
    });
</script>

 

Comments | 1 条评论

  游客,你好 修改资料

*邮箱和昵称必须填写

  • Mengx