使两个DIV滚动条同时滚动

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

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

< 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 οnscrοll="ToScroll.scrollTop = this.scrollTop;"> 
-->
< 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