jq实现鼠标上滚header显示，下滚隐藏

最新推荐文章于 2025-04-03 16:23:11 发布

信有伟

最新推荐文章于 2025-04-03 16:23:11 发布

阅读量321

点赞数 2

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/m0_46101895/article/details/114083808

版权

博客围绕jQuery展开，但具体内容缺失。jQuery是前端开发中常用的库，能简化HTML文档遍历、事件处理等操作，在前端开发领域应用广泛。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).on("mousewheel DOMMouseScroll", function (e) {
     var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));
	    if (delta > 0) {
	        // 向上滚
	        $("header").show();
	
	    } else if (delta < 0) {
	        // 向下滚
	         $("header").hide();
	    }
});