如何同步几个iframe的滚动位置 - 腾讯云开发者社区

文章/答案/技术大牛

发布

5回答

如何同步多个iframe的滚动位置

javascript、html、iframe

我有一个基于选项卡(比方说5)的HTML布局。在每个选项卡中，我加载一个iframe。iframe内容是用户可以通过切换选项卡来比较的彼此的变体。如何在javascript中同步所有iframe的垂直和水平滚动？换句话说，在一个iframe中滚动应该滚动所有其他iframe的相同数量，允许用户比较相同的数据。加

浏览 6提问于2009-04-17得票数 16

回答已采纳

1回答

iframe中元素的文档位置

javascript、html

我有一些javascript代码，它使用obj.offsetLeft和obj.offsetTop来获取图像位置，然后将元素悬停在该位置。然而，长话短说，我不得不将这个html嵌入到一个位于主页内的iframe中。在IE7中，在用户滚动页面之前，悬停元素可以很好地显示在正确的位置。当页面向下滚动时，悬停的元素似乎也向下移动，失去了与实际位置的同步。我尝试使用do while循环遍历

浏览 1提问于2011-02-09得票数 0

1回答

Javascript -当iFrame SRC更改时将DIV滚动条移动到顶部

javascript、html、iframe、scroll、scrolltop

re：左列包含每个城市的几个控件链接。主窗口是DIV中的单个iframe。如果滚动设置为关闭。滚动是使用Iframe的DIV完成的。Iframe内容来自外部域。问题:如果一个人向下

浏览 3提问于2014-12-16得票数 0

回答已采纳

3回答

如何在惯性滚动过程中同步两个元素的滚动偏移量

ipad、scroll、mobile-safari、touchmove

我需要保持一个元素的滚动偏移量与另一个元素(实际上是窗口)保持同步，在移动Safari (iPad)上滚动的惯性“滚出”阶段，我在这样做时遇到了困难。我在position:fixed; overflow:hidden中有几个div，我需要保持它们的滚动偏移与窗口的一个同步(意味着整个体滚动)。div保持静止(并且缓慢地与页面的其余部分不同步)，直到惯性运动完全停止为止，当滚

浏览 20提问于2013-03-08得票数 7

回答已采纳

2回答

如何保存iframe* (滚动到)的x和y？有可能吗？*

javascript、iframe、scroll

在找了几个小时也找不到答案后，我决定来找你，哦，我总是寻求帮助的人的伟大社区。我有一个iframe，当我的用户滚动时，他们离开，然后回来，我们希望使用scrollto将其带回正确的位置。那么，我如何保存/导出/添加这个iframe的x和y到变量，这是不可能的吗？

浏览 3提问于2012-08-25得票数 1

回答已采纳

2回答

如何在使用jquery插入iframe时防止页面跳转滚动

javascript、jquery、html、iframe

当我插入一个带有jquery的iframe时，它会将页面的滚动向下跳到iframe所在的位置。我如何防止这种情况发生？为什么会发生这种情况？var code = '<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0pxsolid #fff;&q

浏览 0提问于2012-09-28得票数 0

1回答

将iframe滚动500px或3000px会得到相同的结果

python、selenium、iframe、scroll

我一直试图向下滚动iframe来截图，并以为我找到了解决方案，但我遇到了一个问题，滚动500像素或3000像素会得到相同的结果(也可以滚动100，但滚动1会让我看到页面的顶部，所以它看起来很正常) print('screenshot taken') self.dr

浏览 2提问于2020-06-05得票数 0

1回答

我能同步两个iframes的滚动条吗？

javascript、html、iframe、scrollbar

我想同步两个iframes的滚动条。意思是，如果有人移动一个iframe的水平或垂直滚动条，则另一个iframe的水平或垂直滚动条应该同步移动。

浏览 3提问于2011-08-03得票数 3

1回答

如何同步2 iframe的滚动条

javascript、jquery、iframe

我的任务是在一个html页面中启动2个网页，并排进行网页比较，因此我为每个比较网页创建了2个iframes，但是我在同步滚动条行为方面遇到了问题，比如当我移动左侧网页(Iframe1)上的垂直滚动条时，右侧网页上的滚动条(Iframe2)也会移动。或者除了使用iframe之外的其他方法，但是可以启动2个网页并同步滚动条？谢谢。

浏览 4提问于2016-02-06得票数 0

回答已采纳

1回答

如何阻止iframe滚动，直到它完全显示在页面上？(内图)

javascript、html、css、iframe

我最近受到了照片博客的启发，它使用照片来创建只有当你滚动经过一篇文章中的所有文本时才会移动的框架。我想做一些类似的事情，但带框架的HTML页面滑过而不是照片。首先，向上滑动的框架是一个活动页面，这意味着当你滚动时，如果你的鼠标悬停在它上面，框架内的内容也会滚动，而不是继续在页面上移动新的“卡片”。所以你最终得到了这样的混乱，底部的文章滚动到了最后

浏览 1提问于2011-10-06得票数 0

1回答

在iPad和iPhone上滚动iframe

javascript、jquery、iframe、scroll、touch

我的页面中有几个iFrames，在平板电脑、手机设备和火狐浏览器上都无法滚动这些iframe。为了解决这个问题，我在iframe上放置了一个固定的div，并使用以下代码复制指针位置(当单击发生时)，并在iframe内触发单击，现在固定的div允许我在iFrames上滚动并单击工作。对于iFrames上的触摸滚动问题，有没有更好的解决方案？这是我用来复制和转移鼠标<

浏览 0提问于2014-09-11得票数 1

2回答

如何在我的iframe中设置网站的特定区域

html、iframe

我需要使我的iframe显示我的网页中的一个特定领域的网站。我在网上找不到答案，我试了几个代码，但似乎都不起作用。如果有人好心告诉我如何做确切的位置-我需要它的滚动新闻部分在哪里。谢谢!这是我的代码- <section><iframe src="http://www.walla.co.il" scrolli

浏览 1提问于2014-06-03得票数 0

1回答

我有一个多iframe页面。我在每个iframe中用JavaScript生成了一个图表，其中的标题工具提示记录了图表内容。除了工具提示显示在iframe底部附近之外，所有这些都工作得很好。在Chrome、Edge和Opera中，这会导致iframe垂直滚动。在FF和IE中，不会发生滚动。当然，在IE中，工具提示总是在鼠标位置之上。我想阻止这种滚动在Chrome、Edge和Opera中发生。我已经尝试了几个自定义工具提

浏览 26提问于2021-01-13得票数 0

2回答

iPad上的iframe滚动条

ipad、frames

我有几个iframe的绝对位置(左和右)。在iPad上，没有滚动条，它们只是扩展其内容的完整高度。有什么想法吗？<iframe src="/solutions/pcc/builder/picker.asp" id="iframepicker" name="iframepicker&quo

浏览 1提问于2011-05-02得票数 1

回答已采纳

1回答

如何在Delphi中跟踪TScrollBox的滚动

delphi、tscrollbox

有没有什么简单的方法可以用他的滚动条来跟踪TScrollbox内容的滚动？我有几个TScrollBox组件(每个组件内部都有一些组件)，并希望保持它们的同步。如果其中一个滚动框滚动(垂直或水平)，我需要同步滚动其他滚动框。这就是为什么我需要知道滚动条位置何时改变的原因。这很奇怪，但是Delphi的</e

浏览 6提问于2013-07-22得票数 8

回答已采纳

1回答

指针在iframe上时对父节点进行无缝滚动

javascript、html、iframe、scroll

我有一个比视口高度高的iframe。因此，父页面在右边有滚动条。当指针在页面的某个位置(但不是在iframe上)时，页面会像我喜欢的那样滚动。但是，当我在iframe上移动指针时，滚动会在Firefox中停止(可能是因为iframe不需要滚动)。铬的工作很顺利.即使指针在iframe上，页面也会滚动。如何在FF中实现这种“无缝

浏览 3提问于2014-07-06得票数 0

回答已采纳

1回答

-webkit-overflow-滚动:触摸；中断在iPad上滚动iFrame

css、ipad、iframe、scroll

然而，我发现如果我没有包含-webkit-overflow- scroll : touch;，iFrame将会用两个手指滚动。但是，如果我包含它，滚动将不再有效。以下是我的html的一个示例，其中的样式在行中。yes'></iframe></div> 在阅读了这篇之后，我想这可能是因为我动态地将iFrame删除并添加到了div中。所以我

浏览 2提问于2012-05-31得票数 0

2回答

如何在javascript中正确滚动IFrame到底部

javascript、html、iframe

对于一个用于研究网站上交互的模拟网页，我使用JavaScript创建了一个模拟消息流。此消息流被加载到一个IFrame中，并且应该以预先设置的间隔显示图像，并在页面底部放置一个新图像后滚动到页面底部。使用所提供的脚本可以很好地显示图像。然而，Chrome和IE似乎都很难将页面滚动到底部。我想滚动到页面底部，只要图片是附在一起，但现在增加了一个5毫秒的延迟，因为这似乎是工作的时候。我的问题是：为此使用docume

浏览 6提问于2014-04-22得票数 5

回答已采纳

1回答

同时滚动包含iFrames文件的三个PDF文件

jquery、pdf、iframe、scroll

我的html中有三个iFrames，每个都包含PDF文件。我需要能够同步iframe上的滚动条，这样左边的两个较小的iframe (#ifr2，#ifr3)的滚动速度是第一个iframe (#ifr1)的一半。并且第一个iframe (#ifr1)的滚动速度是其他两个iframe(#ifr2，#ifr3)<em

浏览 1提问于2014-04-08得票数 1

1回答

CSS中的溢出问题

javascript、jquery、html、css、overflow

我的页面上有一个iframe，似乎面临着一些常见的问题……E实际上有2个IFRAME... 1.头iframe，它有一些列的表...2.内容iframe，其中包含表和列数据..现在2个iframe表垂直对齐... 如果列较少，并且第二个iframe中没有滚动条，则对齐效果良好。但是如果列增加了，我在内容iframe中得到一个水平滚动条，当我滚动它时，我有一个<em

浏览 4提问于2011-06-01得票数 0

回答已采纳

点击加载更多

如何同步多个iframe的滚动位置

iframe中元素的文档位置

Javascript -当iFrame SRC更改时将DIV滚动条移动到顶部

如何在惯性滚动过程中同步两个元素的滚动偏移量

如何保存iframe* (滚动到)的x和y？有可能吗？*

如何在使用jquery插入iframe时防止页面跳转滚动

将iframe滚动500px或3000px会得到相同的结果

我能同步两个iframes的滚动条吗？

如何同步2 iframe的滚动条

如何阻止iframe滚动，直到它完全显示在页面上？(内图)

在iPad和iPhone上滚动iframe

如何在我的iframe中设置网站的特定区域

标题工具提示导致滚动

iPad上的iframe滚动条

如何在Delphi中跟踪TScrollBox的滚动

指针在iframe上时对父节点进行无缝滚动

-webkit-overflow-滚动:触摸；中断在iPad上滚动iFrame

如何在javascript中正确滚动IFrame到底部

同时滚动包含iFrames文件的三个PDF文件

CSS中的溢出问题

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐