Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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';s div相对于窗口_Javascript_Jquery_Css_Iframe_Notifyjs - Fatal编程技术网

Javascript 定位iframe';s div相对于窗口

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.js显示通知。在用户单击此通知之前,此通知不应消失(只是为了确保他们不会错过它)

当我在本地运行我的网站时,一切都很好。通知显示在窗口的右下角,无论滚动如何,它都会保持在那里

$.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;
}