控制两个iframe页面同时滚动

内容摘要
今天看到两个iframe页面同时滚动的方式,觉得很方便,就找了代码,在这里整理一下: 主页面 index.htm 代码: < body> < table border="1" cellpadding="0" c
文章正文

今天看到两个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冻结窗口的效果有点像吧?

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!