无模固定位置窗口

Question

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