javascript - Weird iframe loads src but displays blank in firefox and safari -


i'm facing weird issue can't seem figure. i'm using iframe in scroll box type widget, , loads fine in chrome.

however, in firefox iframe loads displays blank 80%+ of time. , in safari, displays blank until move on cursor.

what's driving me crazy shows correctly time time, has problem of time despite best efforts.

any ideas why?

the iframe loads in corner box scrolls 30% down page.

here's outputted code of whole scroll box on page

<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> 

thanks input.

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

it's not best solution, menus can displayed without scrolling down.

a better solution write javascript function sets top value negative value of difference between top edges of adjacent menus.


Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -