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