与iframe交互后滚动停滞

时间:2014-12-07 08:56:08

标签: javascript flash firefox iframe scroll

我有一个网站,我使用skrollr.js实现视差 在该网站中,我还在iframe中整合了由Storyline创建的Flash对象。

我的问题是,在用户与iframe中的Storyline交互后,当他尝试继续滚动到其余内容时,有时页面会卡住并停止滚动。

这种情况只发生在Firefox中(它不会在Chrome中发生,而且足够令人惊讶 - 不在IE11中)。

" unstick"的唯一方法滚动是由用户再次单击浏览器窗口。当然,这对用户来说并不直观,因此我试图找到一种方法来以编程方式模拟该点击。
我想也许焦点会丢失并且鼠标点击返回它,所以我尝试以编程方式将焦点返回到正文,但这并没有帮助:

setInterval( function () {
    if ( document.activeElement.tagName.toLowerCase() === "iframe" ) {
        document.activeElement.blur();
    }
}, 1000 );

1 个答案:

答案 0 :(得分:0)

最后,通过将wmode参数从window更改为transparent来解决此问题。 这样做的方法是as follows

我找不到在故事情节中将wmode更改为透明的位置,但我发现如何在生成的文件中更改它:

  1. 在生成的目录的根目录中,找到story.html文件。
  2. 转到第134行,其中定义了g_strWMode参数。
  3. 将其值从窗口更改为透明。
  4. 就是这样!