请教怎么判断div被滚动到浏览器顶部
答案:1 悬赏:10 手机版
解决时间 2021-02-27 00:47
- 提问者网友：爱唱彩虹
- 2021-02-26 19:53
请教怎么判断div被滚动到浏览器顶部
最佳答案
- 五星知识达人网友：酒醒三更
- 2021-02-26 21:08
HTML code
<html>
<head>
<title></title>
</head>
<body>
<div style="height:960px;background:#330000;">teatteat</div>
<div id="t" style="height:24px;background:#000000;color:#ffffff;text-align:center;">teatteat</div>
<div style="height:960px;background:#333333;">teatteat</div>
<script type="text/javascript">
document.body.onscroll=function(){
if(document.body.scrollTop>=document.getElementById("t").offsetTop){
document.getElementById("t").style.position="absolute";
document.getElementById("t").style.top=document.body.scrollTop;
} else {
document.getElementById("t").style.position="static";
document.getElementById("t").style.top=document.body.scrollTop;
}
}
</script>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<div style="height:960px;background:#330000;">teatteat</div>
<div id="t" style="height:24px;background:#000000;color:#ffffff;text-align:center;">teatteat</div>
<div style="height:960px;background:#333333;">teatteat</div>
<script type="text/javascript">
document.body.onscroll=function(){
if(document.body.scrollTop>=document.getElementById("t").offsetTop){
document.getElementById("t").style.position="absolute";
document.getElementById("t").style.top=document.body.scrollTop;
} else {
document.getElementById("t").style.position="static";
document.getElementById("t").style.top=document.body.scrollTop;
}
}
</script>
</body>
</html>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯