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