在页面滑动到某一个位置时，我们经常需要显示或隐藏一些div层等，这里需要用到滚动事件，及获取距离顶部的高度属性， 这里写一简单的示例，抛砖引玉

CSS内容：

body{height: 3000px;}
.top{
	position: fixed;
	top:0;
	left:0;
	right:0;
	height: 50px;
	background-color: orange;
	min-width: 600px;
	max-width: 600px;
	margin:0 auto;
	}
.body{
	height: 460px;
	background-color: green;
}

html标签：

<div class="top"></div>
<div class="body"></div>

JS代码：

$(function(){
	 	$(document).scroll(function(){ //页面滚动时触发
	 		let scrollTop = $(this).scrollTop(); //页面滑动距离顶部的高度
	 		console.log(scrollTop);
	 		if(scrollTop > 460){
	 			$(".top").css({"display":"none"})
	 		}
	 		else{
	 			$(".top").css({"display":"block"})
	 		}
	 	})
	 })