记一次奇葩事——html5可能不支持window.onscroll函数

最新推荐文章于 2024-08-09 21:30:00 发布

weixin_30709809

最新推荐文章于 2024-08-09 21:30:00 发布

阅读量193

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qq2806933146xiaobai/p/11159121.html

版权

_{只在html5里遇到，html4没事；拿出来聊聊，路过帮忙解答下！！！}

不正常的

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动广告</title>
<script type="text/javascript">
var advInitTop=0;
var closeInitTop=0;
function init(){
advInitTop=parseInt(document.getElementById("advLayer").style.top.slice(0, -2));
closeInitTop=parseInt(document.getElementById("closeLayer").style.top.slice(0, -2));
}
function move(){
//控制广告图片总位于页面顶端左边位置
document.getElementById("advLayer").style.top=advInitTop+document.body.scrollTop;
//控制关闭图片总位于页面顶端左边位置
document.getElementById("closeLayer").style.top=closeInitTop+document.body.scrollTop;
}
function closeMe(){
//关闭“关闭图片”所在的层
document.getElementById("closeLayer").style.display="none";
//关闭“广告图片”所在的层
document.getElementById("advLayer").style.display="none";
}
//当页面拖动滚动条时调用move()函数
window.οnscrοll=move;
</script>
</head>

</body>
</html>

正常的（注释了<!doctype html>）

--<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动广告</title>
<script type="text/javascript">
var advInitTop=0;
var closeInitTop=0;
function init(){
advInitTop=parseInt(document.getElementById("advLayer").style.top.slice(0, -2));
closeInitTop=parseInt(document.getElementById("closeLayer").style.top.slice(0, -2));
}
function move(){
//控制广告图片总位于页面顶端左边位置
document.getElementById("advLayer").style.top=advInitTop+document.body.scrollTop;
//控制关闭图片总位于页面顶端左边位置
document.getElementById("closeLayer").style.top=closeInitTop+document.body.scrollTop;
}
function closeMe(){
//关闭“关闭图片”所在的层
document.getElementById("closeLayer").style.display="none";
//关闭“广告图片”所在的层
document.getElementById("advLayer").style.display="none";
}
//当页面拖动滚动条时调用move()函数
window.οnscrοll=move;
</script>
</head>

</body>
</html>

转载于:https://www.cnblogs.com/qq2806933146xiaobai/p/11159121.html

weixin_30709809

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
记一次奇葩事——html5可能不支持window.onscroll函数

只在html5里遇到，html4没事；拿出来聊聊，路过帮忙解答下！！！不正常的<!doctype html><html><head><meta charset="utf-8"><title>浮动广告</title><script type="text/javascript">var ad...
复制链接

扫一扫