两个iframe如何同步滚动？-JavaSript-爱易网页

两个iframe如何同步滚动？

日期：2014-05-16　浏览次数：20333 次

两个iframe怎么同步滚动？？？
我现在一个页面上有两个iframe窗体，现在我想实现拉动这个两个其中任一个iframe的滚动条时都可以单独拉动，然后有一个开关，选择了之后就可以让这两个iframe不管拉动其中的哪一个，两个iframe都能同步滚动

有高人做过这样的功能吗？

------解决方案--------------------
<html>
<head>
<style>
DIV{width:200;height:150;border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
body {margin:0;background-color : transparent;}
</style>
</head>
<body>
<DIV style= "left:440px;position:absolute;top:20px; " onscroll= "document.getElementById( 'ToScroll ').scrollTop = this.scrollTop; ">
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
http://www.baidu.com
</DIV>
<DIV id= "ToScroll " style= "left:220px;position:absolute;top:20px;overflow:hidden; ">
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
http://www.163.com
</DIV >
------解决方案--------------------
第二个页面中．
function fnHandlescroll()
{
var scrollLeft = document.body.scrollLeft;
var window1 = window.parent.frames[0].window;
window1.scrollTo(scrollLeft, 0);
}

<body onscroll= "fnHandlescroll(); " >

第一个页面中．
function fnHandlescroll()
{//javastricpt脚本放在HEAD中
var scrollLeft = document.body.scrollLeft;
var window1 = window.parent.frames[1].window;
window1.scrollTo(scrollLeft, 0);
}

<body onscroll= "fnHandlescroll(); " >

------解决方案--------------------
滚动b
a.scrollTop=b.scrollTop

滚动a
b.scrollTop=a.scrollTop

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

两个iframe如何同步滚动？

相关资料更多>

推荐阅读更多>