Iframe内嵌页面问题

在一个页面中通过IFRAME框架嵌套了A和B两个页面，如果在一个A页面中有滚动条可以滚动，当鼠标移出A页面到B页面时，滚动鼠标A页面就不能滚动了，如果我想让移出A页面后，能继续滚动A页面，怎么实现？各位大侠帮帮忙！急... 

解决方案 »

  1.   

    a.htm
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>a.htm</title>
    <script type="text/javascript"> 
    var scrollFunc=function(e){ 
        var direct=0; 
        e=e || window.event; 
        var b = document.getElementById("f1").contentWindow.document.documentElement;
        var step = 5;
        if(e.wheelDelta){//IE/Opera/Chrome 
            b.scrollTop=e.wheelDelta<0?b.scrollTop+step:b.scrollTop-step;
        }else if(e.detail){//Firefox 
            b.scrollTop=e.detail<0?b.scrollTop+step:b.scrollTop-step;
        } 
        
    } 
    /*注册事件*/ 
    if(document.addEventListener){ 
        document.addEventListener('DOMMouseScroll',scrollFunc,false); 
    }//W3C 
    window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome 
    </script> 
    </head><body>
    <iframe id="f1" src="b.htm" width="512" height="149"></iframe>
    </body></html>b.htm
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>b</title>
    </head><body>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>10<br/>
    </body></html>
      

  2.   

    自己在外面写代码调用A页面滚动条就OK了