控制两个iframe页面同时滚动
今天看到两个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冻结窗口的效果有点像吧?