<!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=utf-8" />
<title>无标题文档</title><script language="javascript">
function atest(thisobj){
var ok=document.getElementById("a").scrollTop;
var alldiv=document.getElementsByTagName("yes");
for(var i=0;i<=alldiv.length;i++){
if(alldiv[i]!=ok){
alldiv[i].scrollTop=ok;
}
}
}
</script> <style type="text/css">
.a{ position:absolute; height:150px; overflow:auto; overflow-y:auto; left: 406px; top: 2px;}
.b{ position:absolute; height:150px; overflow:auto; overflow-y:auto; top: 2px; }
.c{ position:absolute; height:150px; overflow:auto; overflow-y:auto; left: 199px; top: 2px; }
</style>
</head><body>
<div >
<div class="a" onscroll="atest(this)" id="a" name="a">
<p>ppppppppppppppppppppppppp</p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
<div class="b" id="yes" name="yes">
<p>aaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
</div>
<div class="c" id="yes" name="yes">
<p>cccccccccccccccccccccccccc</p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
</div>
</div>
</body>
</html>
JS这部分代码究竟哪里出错了呀?????
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script language="javascript">
function atest(thisobj){
var ok=document.getElementById("a").scrollTop;
var alldiv=document.getElementsByTagName("yes");
for(var i=0;i<=alldiv.length;i++){
if(alldiv[i]!=ok){
alldiv[i].scrollTop=ok;
}
}
}
</script> <style type="text/css">
.a{ position:absolute; height:150px; overflow:auto; overflow-y:auto; left: 406px; top: 2px;}
.b{ position:absolute; height:150px; overflow:auto; overflow-y:auto; top: 2px; }
.c{ position:absolute; height:150px; overflow:auto; overflow-y:auto; left: 199px; top: 2px; }
</style>
</head><body>
<div >
<div class="a" onscroll="atest(this)" id="a" name="a">
<p>ppppppppppppppppppppppppp</p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
<div class="b" id="yes" name="yes">
<p>aaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
</div>
<div class="c" id="yes" name="yes">
<p>cccccccccccccccccccccccccc</p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
</div>
</div>
</body>
</html>
JS这部分代码究竟哪里出错了呀?????
解决方案 »
- dom相关的问题
- ExtJs如何使GridPanel居中显示
- 多个链接 如 链接1是:a 链接2是:b 分别点击 传递input 显示 a,b 怎样实现?
- 数据要刷新一次才显示
- 单选按钮不能触发onclick事件问题
- js文本比较代码
- Datalist中行数据显示随机色
- 怎么才能让Flash不挡住我的菜单显示!!!!!!!!!!!!!!!!!!!!!!!1
- 在线等结果:jquerypost表单返回XMLHttpRequest.status=0
- window.open 打开一个新系统,前一个系统session失效
- Ext的PropertyGrid如何设顶2列的宽度呀,只有1个总宽度
- JS 解析XML文档,新手,求帮忙下~!~!~
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script type="text/javascript">
function atest(thisobj){
var ok=document.getElementById("a").scrollTop;
var alldiv=document.getElementsByTagName("div");
for(var i=0;i<alldiv.length;i++){
if(alldiv[i].scrollTop!=ok){
alldiv[i].scrollTop=ok;
}
}
}
</script> <style type="text/css">
.a{ position:absolute; height:150px; overflow:auto; overflow-y:auto; left: 406px; top: 2px;}
.b{ position:absolute; height:150px; overflow:auto; overflow-y:auto; top: 2px; }
.c{ position:absolute; height:150px; overflow:auto; overflow-y:auto; left: 199px; top: 2px; }
</style>
</head><body>
<div >
<div class="a" onscroll="atest(this)" id="a" name="a">
<p>ppppppppppppppppppppppppp</p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
<div class="b" id="yes" name="yes">
<p>aaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaa </p>
</div>
<div class="c" id="yes" name="yes">
<p>cccccccccccccccccccccccccc</p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
<p>cccccccccccccccccccccccccc </p>
</div>
</div>
</body>
</html>
不要这样的粗心啊
var alldiv=document.getElementsByTagName("div");