奇怪的iframe加載src，但在Firefox和safari中顯示空白

我面臨一個奇怪的問題，我似乎無法確定。我在一個滾動框類型的小部件中使用了一個iframe，並且它在Chrome中加載得很好。奇怪的iframe加載src，但在Firefox和safari中顯示空白

但是，在Firefox中iframe加載但顯示空白80％+的時間。在safari中，它會顯示空白，直到我用光標移動它。

真正讓我發瘋的是它時常正確顯示，但儘管我盡了最大的努力，但大部分時間都有問題。

任何想法爲什麼？

iframe加載在角落框中，該角落框向下滾動頁面大約30％。

這裏是整個滾動框的輸出代碼的頁面上

<div id="lf-widget" class="scroll-triggered-box stb stb-bottom-right" style="position: fixed; right: 0px; border-top-width: 7px; border-top-style: solid; border-top-color: rgb(52, 152, 219); margin-right: 20px; z-index: 9999; visibility: visible; background-size: 50px; padding: 0px !important; background-image: url(https://s3.amazonaws.com/asdfasdf/assets/load.gif) !important; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" data-trigger="percentage" data-trigger-percentage="0"> 
<iframe allowtransparency="true" src="http://app.asdfdsaf.com/asdfasdf/20/widget/#20?trigger=percentage&amp;trigger-percentage=0" height="319" width="300" style="display: block !important;" frameborder="0" scrolling="no" id="lf-frame"></iframe> 
<div class="triangle" id="triangle" style="border-color: #3498db transparent transparent transparent !important; margin-top: -1px;"><p class="inner-triangle">❯</p></div> 
<span id="cf-close" class="stb-close">×</span> 
</div>

感謝任何輸入。

來源

2015-04-22 user2101461

您應該包含一些您已經嘗試過的代碼示例。您可能想查看[如何提出問題]（http://stackoverflow.com/help/how-to-ask）。 –

你有幾個你需要清理的javascript錯誤 – mjroodt

對不起。我最初認爲提供一點代碼不會導致正確的答案，並且檢查小部件會對答案者更有見地。我將代碼添加到了我的帖子中。 – user2101461

#main_nav ul ul ul { 
    top:-150; 
}

這不是最好的解決方案，但所有的菜單都可以不滾動顯示。

更好的解決方案是編寫一個javascript函數，將top值設置爲相鄰菜單頂邊之間的差值的負值。

來源

2015-05-08 13:10:49

奇怪的iframe加載src，但在Firefox和safari中顯示空白

回答

相關問題