将iframe的div相对于窗口定位

时间:2015-07-03 03:38:45

标签: javascript jquery css iframe notifyjs

我正在使用http://notifyjs.com,我认为它运作良好。

然而,在将其应用于我的案例时,我遇到了这个问题。

我想在右下角使用notify.js显示通知。并且这个通知不应该消失,直到用户点击它(只是为了确保他们不会错过它)

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

$.notify('HelloWorld',
    {
        className: 'success',
        autoHide: false,
        clickToHide: true,
        position: "bottom right"
    }
);

但是,当我将其部署到我们的Web应用程序只是iframe的UAT服务器时,通知显示在角落,但它位于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>

我可以看到notifyjs-corner的css如下:

.notifyjs-corner {
    position: fixed;
    margin: 5px;
    z-index: 1050;
}

0 个答案:

没有答案