使两个DIV滚动条同时滚动

来源：互联网发布：网络传播杂志电子版编辑：程序博客网时间：2024/04/29 07:48

问题提出：http://www.cnblogs.com/trueben/archive/2006/07/24/458370.html
见下面的例子：滚动左边的DIV时，右边的DIV同步滚动。
原理很简单，在左边的DIV的onscroll事件中，设置右边的DIV的scrollTop与左边的相同即可。

<iframe style="WIDTH: 500px; HEIGHT: 210px" src="http://pharaoh168.googlepages.com/scroll.html" frameborder="0" allowtransparency="allowtransparency"></iframe>
代码如下：

<html>
    <head>
<style>
    DIV {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
    body {margin:0;background-color : transparent;}
    </style>
</head>
<body>

<div onscroll="document.getElementById('ToScroll').scrollTop = this.scrollTop;">
1. re: 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？
评论内容较长,点击标题查看
--quitgame
2. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--quitgame
3. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--trueben
4. re: 请教高手，如何取得Target属性
Request.QueryString["target"];
--wudebin
5. re: [急]请教:如何防止同时访问相同页面？
评论内容较长,点击标题查看
--Pharaoh
阅读排行榜
1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235)
2. [急]请教:如何防止同时访问相同页面？(160)
3. 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？(155)
4. 请教高手，如何取得Target属性(141)

</div>

<div id="ToScroll" style="left:220px;position:absolute;top:0px;">
1. re: 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？
评论内容较长,点击标题查看
--quitgame
2. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--quitgame
3. re: 请教高手，如何取得Target属性
评论内容较长,点击标题查看
--trueben
4. re: 请教高手，如何取得Target属性
Request.QueryString["target"];
--wudebin
5. re: [急]请教:如何防止同时访问相同页面？
评论内容较长,点击标题查看
--Pharaoh
阅读排行榜
1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235)
2. [急]请教:如何防止同时访问相同页面？(160)
3. 请教：如何在子页面关闭时把焦点设置到父页面的服务器控件上？(155)
4. 请教高手，如何取得Target属性(141)

</div>
</body>
</html>

http://www.cnblogs.com/Pharaoh/archive/2006/07/25/458995.html