监听页面滚动事件:scroll()
获取网页滚动的偏移位: scrollTop()
<head>
<style>
*{
margin:0;
padding:0;
}
.left{
float:left;
position:fixed;
left:0;
top:200px;
}
.right{
float:right;
position:fixed;
right:0;
top:200px;
}
</style>
<script src="js/jquery-1.12.4.js"></script>
<script>
$(function(){
//监听页面滚动
$(window).scroll(function(){
//获取网页滚动的偏移位
var offset = $("html,body").scrollTop();
//判断网页是否滚动到了指定的位置
if(offset > 500){
$("img").show(1000);
}else{
$("img").hide(1000);
}
})
})
</script>
</head>
<body>
<img src="images/left.png" class="left">
<img src="images/right.png" class="right">
</body>
仅学习记录