为什么我的onscroll只执行一次

pegasus827 2011-06-09 11:04:29
自制浮动广告

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#threenine {
position:absolute;
width:140px;
height:300px;
z-index:1;
}
#threenine1 {
position:absolute;
width:140px;
height:300px;
z-index:2;
}
-->
</style>
<script language="javascript" type="text/javascript"> 　　
<!-- 　　
var advInitTop=300;//层距离顶端的初始值 　　
function move() 　
　{ 　　window.document.getElementById("threenine1").style.top=advInitTop+window.document.body.scrollTop;
window.document.getElementById("threenine").style.top=advInitTop+window.document.body.scrollTop;
　　} 　
　window.onscroll=move;//窗口的滚动事件,当页面滚动时调用move()函数 　　//--> 　
</script>
</head>

<body>

<table width="910" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="140" valign="top"><div id="threenine1">
<div align="center"><img src="images/ad1.gif" width="80" height="300" />
</div>
</div></td>
<td height="600" bgcolor="#0099CC"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="140" align="left" valign="top"><div id="threenine">
<div align="center"><img src="images/ad2.gif" width="80" height="300" /></div>
</div></td>
</tr>
</table>
</body>
</html>


结果只执行一次onscroll,然后再滚也不发生移动了？？
...全文
345 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
燥动的心 2011-06-09
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 kk297173176 的回复:]

可以呀
[/Quote]
我的FF,IE8,Chrome都可以.
zell419 2011-06-09
  • 打赏
  • 举报
 回复
document.body.scrollTop => document.documentElement.scrollTop
试试 。
你的onscroll没有只执行1次 。
kk297173176 2011-06-09
  • 打赏
  • 举报
 回复
可以呀
yikeshu520 2011-06-09
  • 打赏
  • 举报
 回复
没错啊。
javascript阻止scroll事件多次执行的思路及实现
写这个主要是为了解决一些常见网页特效在js解析时预期与效果不同。 原始代码 ： 代码如下: //测试代码 [removed] = function(){ alert(“haha”); } 装在script标签内 鼠标滑动之后一直惦记 提示框才可以，所以很不方便 ， 而且 目的是鼠标滑动后 只执行一次事件，这个效果显然和实际不符合吧。 //代码改进–增加延时器。 既然scroll事件是一个连续触发事件，那我设置一个延迟器，在用户滑动鼠标的时间后执行该函数 ，书不是就可以只执行一次啦 。 代码如下: //测试代码: function haha(){ alert(“haha”);
关于onScroll事件在IE6下每次滚动触发三次bug说明
这里有一个人和我一样的情况 http://topic.csdn.net/t/20020826/11/970138.html 但帖子内有人测试又没问题，我测试的IE6是windows 2003下的，不知道XP下的是否已修复该问题。 在微软官方找到一篇关于IE5存在此BUG的帮助文档。 http://support.microsoft.com/kb/238004/zh-cn 解决办法是用一个全局变量来限制触发的3次事件只执行一次，200ms后再将该变量复位即可。 这个问题比较罕见，特此记录一下
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
在性能方面考虑了由于连续触发onscroll事件，频繁调用回调函数而产生的性能问题。可以将回调函数缓存一段时候后执行，即当这段时间内多次触发了onscroll事件，但回调函数只会执行一次。 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”gb2312″ /> <title>结合淡入/淡出/减速运动效果实现的返回顶部功能</title> <style> .fixed{ position:fixed; bottom:100px; width:20px; right:100px; height:80px; font-size:12px; 　　　
鼠标滚动一次window.onscroll事件的函数在firfox与Ie中执行的次数不同问题的处理s...
鼠标滚动一次firfox执行了多次window.onscroll事件的函数而IE只执行了一次，导致两浏览器执行效果不一样。 处理思路：在某段时间之内，只执行一次滚动事件函数。 var throldHold = 400; //两次scroll事件触发之间最小的事件间隔 window.onscroll = function () { if (arguments....
js scroll 滚动连续多次触发事件只执行一次
(function() { var finished = true; function loadData() { //xxxx finished = true; } dom.onscroll = function() { if(finished && this.scrollHeight...
JavaScript

87,919

社区成员

224,618

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章