使两个DIV滚动条同时滚动

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

 
代码如下:
< 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="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 >

你可能感兴趣的:(div)