如何监听IFRAME 滚动的事件

OopsJeff 2010-10-15 07:55:54

页面中有一个iframe. 想在iframe滚动的时候,触发一些JS. 如何监听这个iframe滚动?

...全文

1089 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

OopsJeff 2010-10-18

打赏
举报

比如以下代码. 不加入iframe 就正常可以同步左边的滚轮到右边.



<html> 

<head> 

<style> 

DIV {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;} 

body {margin:0} 

</style> 

</head> 

<body> 

<div onscroll="ToScroll.scrollTop = this.scrollTop;"> 

	

	<table border="1" width="99%" height="99%">

				<tr height="1000">

					<td width="99%">

						

					</td>

				</tr>

			</table>

	

	



</div> 



<div id="ToScroll" style="left:320px;position:absolute;top:0px;"> 

	<table border="1" width="99%" height="99%">

				<tr height="1000">

					<td width="99%">

						

					</td>

				</tr>

			</table>

	



</div> 

</body> 

</html>

加入iframe 就不行了



<html> 

<head> 

<style> 

DIV {width:200;height:200;border:solid 1px;overflow-x:hidden;overflow-y:scroll;} 

body {margin:0} 

</style> 

</head> 

<body> 

<div onscroll="ToScroll.scrollTop = this.scrollTop;"> 

	

	<table border="1" width="99%" height="99%">

				<tr height="1000">

					<td width="99%">

					<iframe name="queryListFrame2" src="http://www.hao123.com"/>

					</td>

				</tr>

			</table>

	

	



</div> 



<div id="ToScroll" style="left:320px;position:absolute;top:0px;"> 

	<table border="1" width="99%" height="99%">

				<tr height="1000">

					<td width="99%">

					<iframe name="queryListFrame2" src="http://www.hao123.com"/>

					</td>

				</tr>

			</table>

	



</div> 

</body> 

</html>