Javascript 定位iframe';s div相对于窗口
我正在使用,我认为它工作得很好 然而,当我把它应用到我的案例中时,我有这个问题 我想在右下角使用notify.js显示通知。在用户单击此通知之前,此通知不应消失(只是为了确保他们不会错过它) 当我在本地运行我的网站时,一切都很好。通知显示在窗口的右下角,无论滚动如何,它都会保持在那里Javascript 定位iframe';s div相对于窗口,javascript,jquery,css,iframe,notifyjs,Javascript,Jquery,Css,Iframe,Notifyjs,我正在使用,我认为它工作得很好 然而,当我把它应用到我的案例中时,我有这个问题 我想在右下角使用notify.js显示通知。在用户单击此通知之前,此通知不应消失(只是为了确保他们不会错过它) 当我在本地运行我的网站时,一切都很好。通知显示在窗口的右下角,无论滚动如何,它都会保持在那里 $.notify('HelloWorld', { className: 'success', autoHide: false, clickToHide: tr
$.notify('HelloWorld',
{
className: 'success',
autoHide: false,
clickToHide: true,
position: "bottom right"
}
);
然而,当我将它部署到UAT服务器上时,我们的web应用程序只是一个iframe,通知显示在角落里,但它位于iframe的角落里,因此当用户滚动时,它可能会从屏幕上消失,或者他们看不到它,因为它在用户不在iframe底部时出现
请帮助建议如何相对于窗口定位iframe的div。非常感谢
==================================================
html的外观如下所示:
<html>
<head>...</head>
<body>
<div id="container">
...
<div id="main-content">
<div id="iframe-container">
<iframe id="Main" name="Main" frameborder="0" scrolling="no">
<html>
<body>
...
<div class="notifyis-corner" style="right: 0px; bottom: 0px;">...</div>
</body>
</html>
</iframe>
</div>
</div>
</div>
</body>
</html>
您不能将div移到iframe之外。理想情况下,您必须在顶部框架上实现JS函数。在iframe中还可以使用其他黑客方法,但仍然必须能够在顶部框架页面中注入至少一些东西,即JS或CSS。听到这个消息很难过,因为外部框架是由其他团队管理的。我认为他们不会仅仅为了适应我的简单的小通知而改变他们的代码:(那么你的iframe占据了什么空间?在页面的中心?其他团队会乐意将你的iframe作为“位置:固定”放在他们页面的右下角吗我的iFrAMP被放置在外页的中间。我仍然希望我的iFrAMP在中间。我只希望NoTIFYJS中心放在窗口的角落(虽然它在我的iFrAME中)。我猜这不能以干净的方式完成。对不起,只有中间页面的中间是你的资产,你没有控制超出那个区域。
.notifyjs-corner {
position: fixed;
margin: 5px;
z-index: 1050;
}