我正在使用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;
}