2012-05-30 93 views
3

時,Chrome擴展程序彈出窗口太高,因爲我前幾天發現,當您單擊擴展按鈕並彈出窗口時,它的高度比需要的高度高得多,如果您需要的高度小於350像素。當彈出窗口中發生某些事情時(例如動畫),根據內容適當調整高度。將高度設置爲html,正文和常規包裝元素沒有幫助。這可能是Chrome的最新更新中的一些錯誤,因爲autoupdate,我無法在早期版本中對其進行測試。當第一次點擊

我會感謝您的任何想法和建議。

Libor的

更新:我開始研究什麼都可能導致此行爲並發現了這種情況是因爲Twitter和谷歌加共享按鈕的。它們都修改添加iframe的DOM結構添加腳本標籤。評論時,彈出式氣泡出現在正確的大小。奇怪的是,Facebook的按鈕腳本或多或少都是一樣的,但它根本不會搞亂佈局。

+0

你的問題與[this]相同(http://stackoverflow.com/questions/10360525/how-do-i-remove-the-space-at-the-bottom-of-the-pagechrome-擴展/ 10360784#10360784)? –

+0

非常相似,但鉻最後更新後開始表現這種方式,所以我不認爲它應該以任何方式相關 – sKopheK

回答

1

與我的擴展程序和Windows 7上的Chrome 19相同的東西。我必須注意到,以前版本的Chrome沒有任何問題。正如你所說的那樣,問題只出現在彈出窗口的第一個外觀上 - 之後會正確收縮)。

我在我的分機使用jQuery,我想我已經部​​分地加入

$("body").fadeOut(10).fadeIn(50); 

雖然它並不總是有效解決了這個問題(它可能會,如果你遞增淡入延遲,但!) 。希望有人能爲此提供更好的解決方案。

編輯。應該來保證(使用提示)總是工作雖然用戶可能會看到大小調整發生的第二分數:

$(window).load(function() { 
     $("body").fadeOut(10, function() { $(this).show(); }); 
    }); 
+0

謝謝,這沒有把戲,雖然我相信正確的語法應該是$('body' ).fadeOut(500,function(){$(this).show()});例如 – sKopheK

+0

刪除共享圖標似乎不適用於我。我編輯了我的帖子並添加了一些提供更一致結果的代碼。儘管如此,仍在尋找最終解決方案。 – azrafe7

3

就像有人說here,很好的解決方案來解決這個問題改變<html> to <!doctype html>

+0

這固定彈出高度jankiness對我來說。謝謝! – Lounge9

相關問題