Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 链接iframe内外两个div的位置_Javascript_Html_Css_Scroll - Fatal编程技术网

Javascript 链接iframe内外两个div的位置

Javascript 链接iframe内外两个div的位置,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我有一个iframe和许多div。现在,我想为链接到iframe中特定div的提示创建一个框,即,当我在iframe中滚动时,该提示位于同一高度并随iframe div移动。有没有办法做到这一点 请注意,我无法将提示移动到iframe中,因为内容是按常规生成的,并且没有用于提示的空间 概念: _______________________ | ___________________ | ____________ | | || | hint div |

我有一个iframe和许多div。现在,我想为链接到iframe中特定div的提示创建一个框,即,当我在iframe中滚动时,该提示位于同一高度并随iframe div移动。有没有办法做到这一点

请注意,我无法将提示移动到iframe中,因为内容是按常规生成的,并且没有用于提示的空间

概念:

_______________________
|  ___________________ |  ____________ 
| |                   || |  hint div  |
| |      div          || |____________|
| |___________________||
|                      |
|        iframe        |
|                      |
|______________________|

谢谢

您可以使用
iframe.contentWindow

然后,您需要根据滚动(
iframe.contentWindow.documentElement.scrollTop | | iframe.contentWindow.body.scrollTop
)进行一些计算

和div位置(
iframe.contentWindow.getElementById(“divID”).offsetTop

请注意,这仅适用于非跨域


总的来说,AJAX比iFrame更受推荐。请参见

看来,允许这样的事情会带来安全风险。。。不允许iframe内容与包含iframe的框架/窗口通信iframe的内容和编码iframe的页面是否来自同一域?是的,两个页面位于同一域中@PinnyM我想也许父窗口可以以某种方式跟随滚动位置,而无需iframe与之通信。不,iframe不应该知道这一点。但是,如果您使用的是同一个域,为什么还要使用iframe呢?毕竟,您似乎已经启用了JS,并且可以使用AJAX将此内容加载到div中?iFrame如果它们位于同一个域中,为什么不使用ajax/jquery等将内容加载到指定的div中,这样您就可以完全控制所有的dom