如何设置一个写在iframe里面的div的绝对坐标位置(相对整个显示器)?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置一个写在iframe里面的div的绝对坐标位置(相对整个显示器)?相关的知识,希望对你有一定的参考价值。

在一个iframe里面写的div,事件触发后,让它固定在显示器的某个坐标位置,不随页面的加长而改变位置

你说的意思我倒是看懂了,不过恐怕不太好实现,因为你的DIV是写在子页里的,如果父窗体发生变化,那怎么办?要不你就试试,类似如下你在子页用JS设置:
div.style.cssText="position:absolute;left:0;top:0;width:500px; height:100px; z-index:1;background-color: #ffffff; layer-background-color: #ffffff;";
不过我估计可能实现不了,因为你毕竟是在子页面中。不过如果你在父窗体里设置DIV,然后在IFRAME里调它,是不是更可行一些?
参考技术A 您好:首先设置div的样式position为absolute;绝对定位。然后给div设置top值和left值就可以了。 参考技术B $(parent.document).scroll(function()
div.css("top",$(this).scrollTop())
)
参考技术C 你说的意思我倒是看懂了,不过恐怕不太好实现,因为你的DIV是写在子页里的,如果父窗体发生变化,那怎么办?要不你就试试,类似如下你在子页用JS设置:
div.style.cssText="position:absolute;left:0;top:0;width:500px; height:100px; z-index:1;background-color: #ffffff; layer-background-color: #ffffff;";
不过我估计可能实现不了,因为你毕竟是在子页面中。不过如果你在父窗体里设置DIV,然后在IFRAME里调它,是不是更可行一些?

以上是关于如何设置一个写在iframe里面的div的绝对坐标位置(相对整个显示器)?的主要内容,如果未能解决你的问题,请参考以下文章

div层做的下拉菜单被同一页面的ifram挡住了怎么办?

iframe中的div被另一个iframe挡住

css里面的position:fixed在iframe里面无效

如何让div中iframe一起滚动

Jquery 获取iframe 中元素并设置CSS问题

IFRAME 和冲突的绝对位置