jquery滚动事件效果
文章描述：
当用户滑动鼠标滚动的时候，可以根据距离获取事件，来触发不同的效果
html
这里用标签制作一个头部header模块
<div class="header">头部</div>css
这里是给body设置高度来满足有滚动条和给头部设置宽高
* { margin: 0; padding: 0; box-sizing: border-box; }
body { height: 200vh; }
.header {width: 100%; height:60px; }js
下面是用jquery来判断用户滚动鼠标后的距离，如果达到一定距离后就隐藏头部
$(window).scroll(function() {
if ($(window).scrollTop() >= 1200) {
$(".header").css('display', 'block');
} else {
$(".header").css('display', 'none');
}
});
发布时间：2021/07/28
发表评论