Nyromodal 固定位置窗口

Question

我正在使用 nyromodal，但无法为弹出窗口提供相对于背景的固定位置。即，我已将其放置在我想要的位置，但是当调整浏览器窗口大小时，弹出窗口会相对于背景页面内容发生变化。我知道这是 nyromodal 的一个功能，但我很想将其关闭。我在文档中找不到执行此操作的函数。有人有什么想法吗？

CSS 片段：

.nyroModalCont {
    position: absolute;
    margin:20px 25px 25px 25px;
    background:#000;
}

触发器：

echo '<a href="showimage.php?id='.$row['id'].'" class="trigger" rel="gal">';
echo '<img src="'.$this->ImageDir.$row['id'].'/thumb/'.$row['thumb'].'" border="0" />';
echo '</a>';

谢谢， 人力资源

Answer 1

为了避免在调整浏览器窗口大小后移动弹出窗口（和调整大小），您可以将 resize 函数（内部没有代码）覆盖到 nyroModal 选项中：

$('.trigger').nyroModal({
  resize: function(recalc) {},
});

作为替代（或添加），根据您的需要，您可以使用处理调整大小的 nyroModal 回调来更改 css 属性：

$('.trigger').nyroModal({
  callbacks: {
    beforeResize: function(nm) {
    },
    afterResize: function(nm) {
    }
  }
});