如何监听IFRAME 滚动的事件

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

解决方案 »

  1.   

    本帖最后由 net_lover 于 2010-10-15 20:24:15 编辑
      

  2.   

    iframe src="1.html"1.html:
    <script>
    var fun=function(){}
    </script>
    <body onscroll="fun()"></body>
      

  3.   

    比如以下代码. 不加入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>