我有一个网站,我使用skrollr.js实现视差 在该网站中,我还在iframe中整合了由Storyline创建的Flash对象。
我的问题是,在用户与iframe中的Storyline交互后,当他尝试继续滚动到其余内容时,有时页面会卡住并停止滚动。
这种情况只发生在Firefox中(它不会在Chrome中发生,而且足够令人惊讶 - 不在IE11中)。
" unstick"的唯一方法滚动是由用户再次单击浏览器窗口。当然,这对用户来说并不直观,因此我试图找到一种方法来以编程方式模拟该点击。
我想也许焦点会丢失并且鼠标点击返回它,所以我尝试以编程方式将焦点返回到正文,但这并没有帮助:
setInterval( function () {
if ( document.activeElement.tagName.toLowerCase() === "iframe" ) {
document.activeElement.blur();
}
}, 1000 );
答案 0 :(得分:0)
最后,通过将wmode
参数从window
更改为transparent
来解决此问题。
这样做的方法是as follows:
我找不到在故事情节中将wmode更改为透明的位置,但我发现如何在生成的文件中更改它: