Ниромодальное окно с фиксированным положением

StackOverflow https://stackoverflow.com/questions/7820744

Вопрос

Я использую ниромодал, и испытываю проблемы с придавлением всплывающего окна в фиксированном положении относительно фона. Т.е. я позиционировал его туда, куда я хочу, чтобы это было, но когда окно браузера изменяется, всплывающие сдвиги по отношению к содержанию фоновой страницы. Я понимаю, что это особенность Nyromodal, но я бы хотел выключить его. Я не могу найти функцию в документах, чтобы сделать это. У кого-нибудь есть какие-либо идеи?

CSS Snippet:

.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

Это было полезно?

Решение

Чтобы избежать изменения (и изменения размера) всплывающего окна после изменения размера окна браузера, вы можете перезаписать resize Функция (без кода внутри) в варианты ниромодала:

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

В качестве альтернативы (или добавления), в соответствии с вашими потребностями, вы можете изменить CSS Properties Используя ниромодальные обратные вызовы, которые касаются изменения размера:

$('.trigger').nyroModal({
  callbacks: {
    beforeResize: function(nm) {
    },
    afterResize: function(nm) {
    }
  }
});
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top