在我向下滚动之前,Fancybox不会显示iframe的全部内容

时间:2015-01-06 00:14:31

标签: jquery css iframe fancybox-2

我在iframe中有一个页面,并且在iframe内部被命令调用fancybox,除了Google Chrome之外,一切正常。好像没有完成加载fancybox的内容,或者直到我向任何方向滚动都是透明的。

有人发生过这种情况吗?

if (typeof(bkg_fb_img) != "undefined") {

  $.fancybox({
    'padding': 0,
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'href': numhtml + '.html',
    'type': 'iframe',
    'iframe': {
      scrolling: 'no',
      preload: true
    },
    'opacity': false,
    'nextSpeed': 0, //important
    'prevSpeed': 0, //important
    'keys': {
      close: [27]
    },
    helpers: {
      overlay: {
        css: {
          'background': 'url(' + bkg_fb_img + ') no-repeat 0 0 scroll',
          'background-size': '100% 100%',
          'overflow': 'auto'
        },
        closeClick: function() {
          redEnv()
        }
      }
    },
    'afterClose': function() {
      redEnv()
      if (typeof(tiempo) != "undefined") {
        counter = setInterval(timer, 1000);
      }
    }
  });
} else {
  $.fancybox({
    'padding': 0,
    'transitionIn': 'elastic',
    'transitionOut': 'elastic',
    'href': numhtml + '.html',
    'type': 'iframe',
    'nextSpeed': 0, //important
    'prevSpeed': 0, //important
    'keys': {
      close: [27]
    },
    'opacity': false,
    helpers: {
      overlay: {
        closeClick: function() {
          redEnv()
        }
      }
    },
    'afterClose': function() {
      redEnv()
      if (typeof(tiempo) != "undefined") {
        counter = setInterval(timer, 1000);
      }
    }
  });
}

0 个答案:

没有答案