链接iframe内部和外部的两个div的位置

时间:2013-12-30 16:39:36

标签: javascript html css scroll

我有一个iframe和很多div。现在我想创建一个提示框,该提示链接到iframe中的特定div,即当我在iframe中滚动时,它位于相同的高度并随iframe div移动。有没有办法实现这个目标?

请注意,我无法将提示移动到iframe中,因为内容是一般生成的,并且没有提示空间。

概念:

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

由于

1 个答案:

答案 0 :(得分:1)

您可以使用iframe.contentWindow

访问iframe的contentWindow

http://www.w3schools.com/jsref/prop_frame_contentwindow.asp

然后你需要根据滚动(iframe.contentWindow.documentElement.scrollTop || iframe.contentWindow.body.scrollTop

进行一些计算

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

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

总的来说 - AJAX比iframe更受推荐。见http://rev.iew.me/help-moving-from-iframes