iframe中的colorbox內容（定位）問題

我已經完成並交付了一個項目，該項目使用colorbox（一個燈箱類型腳本，用於那些未使用過它的用戶）在用戶點擊鏈接時顯示信息。

已經給我的工具的團隊將它加載到他們主頁上的iframe中。從他們告訴我的情況來看，根據iframe中內容的大小，colorbox的定位很奇怪。

如果內容是「短」，那麼colorbox會很好地顯示（關於它的位置）。如果iframe中的內容是'long'，那麼colorbox就不會出現亂碼......用戶必須滾動瀏覽才能看到colorbox內容。

代碼片段如下：

$(document).ready(function() { 
    $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
});

然後在我的HTML我有這樣的：

<a class="iframe" href="http://LINK TO AN EXTNERAL PAGE">BLAH</a>

如何使它工作（位置）很好的IFRAME當任何想法？我在想，對於初學者來說，colorbox js和css需要被添加到父頁面（將我的工具加載到iframe中的頁面）。

如果有人能幫助我，我會非常感激。對不起，如果我沒有提供足夠的信息，或者我寫的東西沒有意義。

謝謝！

來源

2012-07-27 Laz

colorbox大多位於頁面的中心。但是，當給出（xx）％高度的寬度時，這可能會有所不同。也許你可以嘗試給它一個（xx）像素高度並嘗試一下。

來源

2012-07-27 19:35:34

嗨傑弗裏沒有工作:( 看起來像有某種導致此問題的填充或保證金 – Laz 2012-07-27 20:46:27

@laz嗯...你有一個例子在網上或者測試用例中，這是值得一看的，我遇到了類似的問題，最後在樣式表中使用了雙重樣式（來自colorbox庫）。 – 2012-07-30 11:08:24

Hey Jeffrey。謝謝你回到我身邊。找到一個解決方案，我正在使用下面的鏈接提供的一個解決方案（到目前爲止的工作）：http://metaflood.com/work-life/how-to-use-the-jquery-plugin-colorbox-from- within-an-iframe/ – Laz 2012-07-31 05:46:40

你應該從外面調用colorbax。請檢查此鏈接： Controlling Colorbox position inside an iframe

來源

2012-10-15 07:41:19 perlaws

iframe中的colorbox內容（定位）問題

回答

相關問題