奇怪的iframe加载src，但在Firefox和Safari浏览器中显示为空白

Question

我面临一个似乎无法解决的怪异问题。 我在滚动框类型的小部件中使用了iframe，并且在Chrome中可以正常加载。

但是，在Firefox中，iframe会加载，但80％以上的时间显示空白。 在野生动物园中，它显示为空白，直到我用光标将其移到上方。

真正令我抓狂的是，它有时会正确显示，但是尽管我尽了最大努力，但大多数时候还是有问题。

有什么想法吗？

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>

感谢您的任何投入。

Answer 1

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

这不是最佳解决方案，但是无需向下滚动即可显示所有菜单。

更好的解决方案是编写一个javascript函数，将top值设置为相邻菜单顶部边缘之间差值的负值。