Nyromodal固定位置窗口

我正在使用nyromodal，並且在給出彈出窗口相對於背景的固定位置時遇到困難。即我將它放在了我想要的位置，但是當瀏覽器窗口被調整大小時，彈出窗口會相對於背景頁面內容進行切換。我明白這是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

來源

2011-10-19 user885609

你需要有不會進行調整？你能更好地描述你需要的行爲嗎？你有什麼類型的模式窗口：一個iframe或只是一個div？ – macgyver

我在上面的原始問題中放了一些代碼。基本上我希望彈出窗口總是出現在某個點以下20px。它做得很好。但是，當我調整瀏覽器窗口的大小時，Nyromodal會移動彈出窗口 - 這意味着彈出窗口的上邊緣相對於其後面的頁面會改變位置。我希望它保持在與它後面的頁面相同的位置。希望是有道理的！ HR – user885609

爲了避免彈出的轉變（和調整），你調整瀏覽器窗口後，您可以將resize函數（無內部代碼）覆蓋到nyroModal選項中：

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

作爲替代（或增加），根據你的需要，你可以改變使用處理調整nyroModal回調CSS屬性：

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

來源

2011-10-20 09:26:23 macgyver

非常感謝Macgyver，它完美地工作，完全符合我的要求。不幸的是，我現在意識到我問了錯誤的東西！現在當一個窗口被調整大小時，彈出窗口根本不會移動，這就是我所要求的。我應該強調的是，我希望它保持與它下面的相同的位置 - 所以當例如您調整瀏覽器大小並移動右邊緣（以便網站在您移動時左右移動）我希望彈出窗口完全按照移動。這可能是不可能的。謝謝你的幫助！ – user885609

不客氣。 NyroModal在不考慮模式窗口下的內容的情況下執行自己的工作，所以我想你必須重寫resize函數來實現這種行爲，這不是一個簡單的任務。 – macgyver

如果我希望窗口始終位於瀏覽器頂部20px處，那麼該怎麼辦？如果在評論中提出另一個問題是不好的形式，我很抱歉，如有必要，我可以重新發佈一個單獨的問題。 – user885609

Nyromodal固定位置窗口

回答

相關問題