昨天做比较功能的哥们有问题了，他要在网页上实现一个联动功能，页面上有两个iframe，内容都很多，要求拖动任何一个iframe的滚动条时，另一个页面的滚动条也一起跟着动。他搞不定，所以TL我就又要出面了～～～～～～～～
试了一下，iframe的滚动事件很难触发，很难搞。所以就变换思路，记得以前用div实现过类似iframe的东东，所以就试着用div嵌套iframe，然后捕获div的滚动事件，结果这招还真管用，很快解决了问题，拿出来给大家分享。
主页面：
<html>
<head>
</head>
<head>
</head>
<body>
<div id="div1" style="width:100; height:100; overflow:scroll" οnscrοll="funcsrcoll()">
<iframe src="tt.htm" scrolling="no"></iframe>
</div>
<div id="div2" style="width:100; height:100; overflow:scroll">
<iframe src="tt.htm" scrolling="no"></iframe>
</div>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">
function funcsrcoll()
{
div2.scrollLeft = div1.scrollLeft;
div2.scrollTop = div1.scrollTop;
}
</script>
<div id="div1" style="width:100; height:100; overflow:scroll" οnscrοll="funcsrcoll()">
<iframe src="tt.htm" scrolling="no"></iframe>
</div>
<div id="div2" style="width:100; height:100; overflow:scroll">
<iframe src="tt.htm" scrolling="no"></iframe>
</div>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">
function funcsrcoll()
{
div2.scrollLeft = div1.scrollLeft;
div2.scrollTop = div1.scrollTop;
}
</script>
tt.htm是要嵌套的页面，内容随意。
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
