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

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

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

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

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

Nyromodal固定位置窗口

1 个答案: