Question

我面临着一个我似乎无法想象的奇怪问题。我在滚动框类型小部件中使用iframe，它在Chrome中加载得很好。

然而，在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>

感谢您的任何意见。

Answer 1

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

它不是最佳解决方案，但您可以在不向下滚动的情况下显示所有菜单。

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

奇怪的iframe加载src但在firefox和safari中显示为空白

1 个答案: