• 全部
  • 问答

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

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


有高人做过这样的功能吗?
...全文
148 点赞 收藏 5
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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 >
回复
相关推荐
同步滚动(两个iframe内嵌同一个html页面进行)
有时候我们在一个页面中会出现左右两个ifame,这两个iframe内嵌的html页面为相同的,只是渲染的数据不同,然后需要其同步滚动,便于进行比较,如查重。 一、功能实现: 1、在父页面js中编写触发iframe滚动高度的...
iframe同步滚动问题
iframe同步滚动效果中,监听scroll触发另一的scrollTop方法中存在一循环,会导致滚动很卡,需要破除这种循环。 文章地址: iframe同步滚动问题
两个iframe内嵌同一个网页,如何实现同步页面?
如题,就是在一个iframe点击相关内容后在另一个也有响应 本质上是想做同步ppt,一端点了下一页后另一端也显示下一页 已经实现web socket连接了,用的office共享文档网页内嵌的web 是我思路错了吗。。 有...
两个iframe怎么同步滚动???
我现在一个页面上有两个iframe窗体,现在我想实现拉动这个两个其中任一个iframe的滚动条时都可以单独拉动,然后有一个开关,选择了之后就可以让这两个iframe不管拉动其中的哪一个,两个iframe都能同步滚动 有高人做...
两个frame同步滚动
应网友要求,写了一frame同步滚动的DEMO,很简单,收录在这里:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns=...
实现同一个页面上的两个iframe同步滚动
"> <table border="1" width="99%" height="99%"> <tr height="1000"> <td width="99%"> <iframe src="http://www.hao123.com"/> </td> </tr> </table> </div> <div id="ToScroll" style="left:320px;position:...
vue.js-div滚动条隐藏但有滚动效果的实现方法
组件被包在一高度固定的div mounted () { var boDiv = document.getElementById(this.id); if(boDiv == undefined){ return; } var isFirefox=navigator.userAgent.indexOf("Firefox") if(isFirefox>0){ ...
js面试题
JavaScript 的组成 JavaScript 由以下三部分组成: ECMAScript(核心):JavaScript 语言基础 ...BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法 JS 的基本数据类型和引用数据类型 ...
前端面试题
HTML文件里开头都有很重要的东西,Doctype,知道这是干什么的吗? 21 Quirks模式是什么?它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点? 22 img的alt与title有何异同? strong与em的...
Iframe用法的详细讲解(属性、透明、自适应高度)和html中滚动条属性设置
Iframe 用法的详细讲解和html中滚动条属性设置 scrollbar属性、样式详解 1. overflow内容溢出时的设置(设定被设定对象是否显示滚动条)  overflow-x水平方向内容溢出时的设置  overflow-y垂直方向内容溢出时的...
TestLink的修改,实现两个fckeditor的同步滚动
testlink中,使用了fckeditor的两个编辑框,一个是测试步骤,一个是期望结果,希望可以同步滚动(拉动一个的滚动条,另一个随之一起滚动)。 或者谁有实现两个iframe同步滚动的方法? 详见附件图片。谢谢!
JS怎么控制IFRAME高度自动适应内容而不出现滚动
function setHeight(){ var iframe = document.getElementById("iframe_id"); try{ var aHeight = iframe.contentWindow.document.body.scrollHeight; var bHeight = iframe.contentWindow.document....
iframe 高度设置、iframe 自适应高度方法总结
所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面,我们直接写死iframe高度就可以了。而如果iframe要...
github前端面试题2
2016/7/20 GitHub qiudeqing/ FEinterview: 收集的前端面试题和答案 ...FEinterview 1/38 收集的前端面试题和答案 img update 2 years ago README.md fix article origin a year ago qiu‐deqing / FE-interview...
网络请求是怎么进行的?
浏览器主要功能 浏览器主要功能是展示网页资源,包括向服务器发起请求、从服务器获取相关资源,并将网页信息显示在浏览器窗口中。 页面请求过程 1、当我们打开网站页面,浏览器就会发起网络请求获取该页面资源,f12...
iframe
frame有骨架的意思 而在其前面加i构成了iframe元素也就是文档中的文档。  如果要访问 iframe 内 body 对象的 backgroundColor 样式,语法应为:  sColor = document.frames("sFrameName").
请问:testlink中,使用了fckeditor的两个编辑框,一个是测试步骤,一个是期望结果,希望可以同步滚动----...
testlink中,使用了fckeditor的两个编辑框,一个是测试步骤,一个是期望结果,希望可以同步滚动(拉动一个的滚动条,另一个随之一起滚动)。 或者谁有实现两个iframe同步滚动的方法? 详见附件图片。谢谢!
基于iframe的移动端嵌套
上上周接到了新的项目,移动端需要做一个底部有五个导航,点击不同的导航页面主体显示不同的页面,其中两个页面是自己做,而另外三个页面是引用另外三个网址,其中两个网址为内部项目,另外一个为外部(涉及跨域)。...
如何在 PC 机上测试移动端的网页?
如果用 HTML5 写的页面,想兼容 iOS、Android 平台的手机,在 PC 机上看有些效果可能不准确,但不可能在每移动终端都放上去看下效果吧,一般用什么工具呢?模拟器?有没有更好的工具推荐?我知道可以用 Opera 移动...
可视化搭建平台之跨iframe拖拽
前言前段时间做运营活动搭建平台,其中一主要功能:编辑页面分为左侧-组件区与右侧-预览区,需要实现组件区的内容可自由放置到预览区内。类似下图所示:社区内有一些类似的功能实现,但使用的方式大...
发布锁定表头的一思路。垂直滚动时表头不动,水平滚动时表头可以同步滚动
放置表的网页里的东东: 1.DataGrid (就以它为例吧) 2.div两个 3.iframe一个 4.js脚本若干 放置表头的网页里的东东: 1.一个div 。这些是主料,其他的像css样式表了什么的,更具个人口味自行添加。 下面是主要...
你所不知道的 CSS 阴影技巧与细节 滚动视差?CSS 不在话下 神奇的选择器 :focus-within 当角色转换为面试官...
你所不知道的 CSS 阴影技巧与细节 ...最近一新的项目,CSS-Inspiration,挖掘了其他很多有关 CSS 阴影的点子,是之前的文章没有覆盖到的新内容,而且有一些很有意思,遂打算再起一篇。 本文...
Iframe 用法的详细讲解
Iframe 用法的详细讲解 把iframe解释成“浏览器中的浏览器“很是恰当 http://www.163.com> 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 ...是否有滚动条(YES,NO,AU
Javascript 同步异步加载详解
原文地址:...关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy execution),async 属性, defer 属性一、同步加载与异步加载的形式1. ...
iframe属性详解
非常详细的iframe的属性参考手册 创建内嵌浮动框架。 成员表 下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。 标签属性/属性 显示: 标签属性/属性 行为 集合 事件 滤镜...
Iframe跨域 自适应高度
现有主界面main在域a下,被嵌套页面b在域b下,被嵌套页面b又嵌套一在域a下的中介页面c。当用户打开浏览器访问mail.html的时候载入b,触发b的onload事件获取其自身高度,然后b载入c并将高度值作为参数赋值给c的loc...
比较两张图片差异
比较两张图片差异,代码收集于网上,码收集于网上
手把手做安卓应用开发
安豆是一个想学Android应用开发的小白,于是它找到自己的邻居-程序员大牛-熊哥帮忙。熊哥手把手带着安豆搭建程序的开发环境,实现应用的功能,美化应用界面,让安豆终于开发出了自己的第一个安卓应用-计算器。 学习的过程中,两个伙伴有问有答,学习的过程生动有趣。你一定不会睡着。 让从没有接触过安卓开发并且什么都不会的小白,变成一个能够开发出简单的计算器应用的菜鸟。 让小白对安卓开发有个整体的认识,初步形成安卓开发的概念,掌握安卓开发最最基础的知识。
OpenGL-实现视频播放(FFMpeg)
课程采用FFMpeg作视频解码,采用OpenGL实现视频的渲染,从RGB数据的绘制,到直接渲染YUV数据,实现三路YUV数据单纹理的输入,提升系统性能,接着采用PBO方式优化内存到显存的传输,实现DMA传输,解放CPU,将解码和渲染分离到不同的线程中,极大的提升了系统的性能。后介绍视频特效的实现。 介绍如何采用OpenGL渲染视频帧数据,从固定管线到可编程管线一次实现,采用PBO实现DMA数据传输处理,以及简单的视频特效的实现。
c#图片文字-字母-数字自动识别-深入代码-非常好
c#图片文字-字母-数字自动识别-深入代码-非常好
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2007-05-29 05:00
社区公告
暂无公告