使两个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="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>

posted on 2006-07-25 10:31 Pharaoh 阅读(7485) 评论(3) 编辑收藏举报

刷新页面返回顶部

使两个DIV滚动条同时滚动

导航

公告