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>';

谢谢，HR

Answer 1

若要避免在调整浏览器窗口大小后移动(和调整大小)弹出窗口，可以在nyroModal选项中覆盖resize函数(不包含任何代码)：

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

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

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