js 里的onscroll事件问题 死活不响应我的onscroll事件,如果把onscroll换成onclick都没问题求解
<html><head><title>跟随屏幕滚动的图片</title><scripttype="text/javascript">window.status=1;fun...
<html>
<head>
<title>跟随屏幕滚动的图片</title>
<script type="text/javascript">
window.status = 1;
function flowMe() {
me.left = document.body.scrollLeft;
me.top = document.body.scrollTop + 50;
}
</script>
</head>
<body onscroll="flowMe() ">
<img id="me" alt="" src="images/5.jpg" style="position:absolute">
<textarea cols="500" rows="500" id="textarea"> </textarea>
</body>
</html> 展开
<head>
<title>跟随屏幕滚动的图片</title>
<script type="text/javascript">
window.status = 1;
function flowMe() {
me.left = document.body.scrollLeft;
me.top = document.body.scrollTop + 50;
}
</script>
</head>
<body onscroll="flowMe() ">
<img id="me" alt="" src="images/5.jpg" style="position:absolute">
<textarea cols="500" rows="500" id="textarea"> </textarea>
</body>
</html> 展开
展开全部
left, top 应该是 style.left 和 style.top,并且后面需要加单位 px
me.style.left = document.body.scrollLeft + "px";
me.style.top = document.body.scrollTop + 50 + "px";
追问
关键问题是不响应这个事件,出错的机会都不给我一个
追答
我在 IE 6/7/8/9、Firefox、Chrome、Safari、Opera 下全测试了,都没有问题。
没有哪个浏览器不支持 body.onscroll,你的错误就是在于没有写 style 和 px,所以没反应。
你把那两句换上去再试一下吧
展开全部
html5的属性,首先浏览器支持不一样,其次,第一行的DTD也要改成HTML5的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你试试去掉body中的onscroll,在js代码中写入 window.onscroll = flowMe;
追问
嗯,换你的成功了,就是不明白为什么在body不响应,查了帮助文档也没有用.
追答
浏览器兼容性问题吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询