<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
width: 100%;
height: 2000px;
}
#hong{
background: mediumaquamarine;
width: 100%;
height: 500px;
opacity: 0;
margin: 1700px auto;
transition: 1s;
}
</style>
</head>
<body>
<div id="hong">
</div>
</body>
<script>
function getScrollTop(){
scrollTop=0;
if(document.body){
scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
}
return scrollTop;
}
var gaodu = document.getElementById("hong");
document.onscroll = function(){
console.log(getScrollTop())
if(scrollTop>1000){
gaodu.style.opacity = "1";
}
}
</script>
</html>
获取浏览器滚动条高度
猜你喜欢
转载自blog.csdn.net/weixin_42150028/article/details/82151201
今日推荐
周排行