两个iframe怎么同步滚动？？？

szjq 2007-05-29 05:00:12

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

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

...全文

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

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

szjq 2007-05-30

打赏
举报

cici2006(以不变应万变):按你的方法没成功，你有测试通过的例子吗？

谢谢

jiaxueq 2007-05-29

打赏
举报

滚动b
a.scrollTop=b.scrollTop

滚动a
b.scrollTop=a.scrollTop

cici2006 2007-05-29

打赏
举报

第二个页面中．
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();" >

qingwuwa 2007-05-29

打赏
举报

这是DIV的，供参考

qingwuwa 2007-05-29

打赏
举报

<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 >