当前位置:首页>>开发编程>>JavaScript>>新闻内容  
控制两个iframe页面同时滚动
作者:icech 发布时间:2006-3-5 21:38:31 | 【字体:

今天看到两个iframe页面同时滚动的方式,觉得很方便,就找了代码,在这里整理一下:

主页面 index.htm 代码:


< body>
  < table border="1" cellpadding="0" cellspacing="0" width="300" height="400">
    < tr>
      < td height="400" width="50">< iframe name="left" src="left.htm" width="50" height="100%">< /iframe>< /td>
      < td height="400">< iframe name="right" src="right.htm" width="100%" height="100%">< /iframe>< /td>
    < /tr>
  < /table>
< /body>


左侧iframe页面 left.htm 代码:


< body id=body onscroll="parent.right.body.scrollTop=parent.left.body.scrollTop" scroll="no">
< !--隐藏页面滚动条-->
< pre>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
< /pre>
< /body>


右侧iframe页面 right.htm 代码:


< body id=body onscroll="parent.left.body.scrollTop=parent.right.body.scrollTop">
< pre>
1  1001
2  1002
3  1003
4  1004
5  1005
6  1006
7  1007
8  1008
9  1009
10  1010
11  1011
12  1012
13  1013
14  1014
15  1015
16  1016
17  1017
18  1018
19  1019
20  1020
21  1021
22  1022
23  1023
24  1024
25  1025
26  1026
27  1027
28  1028
29  1029
30  1030
31  1031
32  1032
33  1033
34  1034
35  1035
36  1036
37  1037
38  1038
39  1039
40  1040
41  1041
42  1042
43  1043
44  1044
45  1045
46  1046
47  1047
48  1048
49  1049
50  1050
< /pre>


这样就解决了两个iframe页面同时滚动的效果,和Excel冻结窗口的效果有点像吧?


文章来源:东方驿站
·一个支持IE和Firefox的日历选择器
·用JavaScript读取远程xml的数据
·用Javascript和CSS让DIV中的图片居中
·一个非常好的表单验证类:番茄表单验证类
·仿豆瓣分页原型(Javascript版)
·JavaScript获取Option的Value和Text值
·全角转半角的JavaScript函数
·仿基金查询输入框下拉筛选值效果(JavaScript)
·JavaScript中replace()函数用法小谈
·“父窗口”与“弹出子窗口”之间的刷新和传值
 放生
 愚爱
 够爱
 触电
 白狐
 葬爱
 光荣
 画心
 火花
 稻香
 小酒窝
 下雨天
 右手边
 安静了
 魔杰座
 你不像她
 边做边爱
 擦肩而过
 我的答铃
 怀念过去
 等一分钟
 放手去爱
 冰河时代
 你的承诺
 自由飞翔
 原谅我一次
 吻的太逼真
 左眼皮跳跳
 做你的爱人
 一定要爱你
 飞向别人的床
 爱上别人的人
 感动天感动地
 心在跳情在烧
 玫瑰花的葬礼
 有没有人告诉你
 即使知道要见面
 爱上你是一个错
 最后一次的温柔
 爱上你是我的错
 怎么会狠心伤害我
 不是因为寂寞才想
 亲爱的那不是爱情
 难道爱一个人有错
 寂寞的时候说爱我