YouTube iFrame 的 Fancybox/Fancyapp 滚动条——在 Firefox 中显示

Posted

技术标签:

【中文标题】YouTube iFrame 的 Fancybox/Fancyapp 滚动条——在 Firefox 中显示【英文标题】:Fancybox/Fancyapp Scrollbars for YouTube iFrame -- showing in Firefox 【发布时间】:2014-03-28 08:15:29 【问题描述】:

当我使用 iframe 并链接到 YouTube 视频时,我看到 Fancyapps 弹出窗口中出现滚动条。我将滚动条设置为否。即使使用 Fancyapps 网站,我也能在 Firefox 中看到这一点(请参阅此处的 YouTube 示例:http://fancyapps.com/fancybox/#examples)。

关于如何解决的任何想法?

【问题讨论】:

【参考方案1】:

您使用的是 Firefox 26+ 吗?

说来话长,但这种行为似乎与 Firefox ontouchstart 设置有关。

我在编写脚本以检测移动设备上的ontouchstart 事件时遇到了这个问题。升级到 Firefox 版本 26 后,即使在桌面设备上,脚本也会返回 true

由于我仍然不知道的原因,我桌面的 Firefox 上的属性 dom.w3c_touch_events.enabled 设置为 1启用(也许我之前更改了它,但它没有在我升级之前不会影响)

编辑:Firefox 26 中的Responsive Design View 功能发生了变化,似乎更新可能启用了dom.w3c_touch_events.enabled 属性。

将值设置为 0(或 2 用于自动检测),将修复 (Fancybox) iframe 上的双垂直滚动条。

所以试试这个:

1)。在 Firefox URL 栏中写 about:config

您将收到一条警告消息:

这可能会使您的保修失效! 更改此高级设置可能会损害......

2)。单击I'll be carefull, I promise 按钮。然后您将获得所有 Firefox 属性的列表。

3)。在顶部的search 栏上,输入dom.w3c_touch_events.enabled,您将筛选出该属性的列表。

我的猜测是您的 Firefox(最后一列)的值设置为 1

4)。要更改它,请双击该属性,它将弹出一个窗口,您可以在其中将值设置为0(或2 用于自动检测)。然后按OK

您现在可以关闭此窗口/选项卡并重新加载 fancybox (Fancyapps) 页面。双滚动条应该消失了。

注意:风险自负。对于高级设置的任何滥用,我不承担任何责任;)

【讨论】:

以上是关于YouTube iFrame 的 Fancybox/Fancyapp 滚动条——在 Firefox 中显示的主要内容,如果未能解决你的问题,请参考以下文章

iframe 中的 FancyBox 图像在移动设备上没有响应

z-index 和 iFrames!

jQuery Fancybox 和 YouTube 嵌入

YouTube 和 FancyBox 视频功能

Fancybox iframe 动态调整大小

在 Fancybox jQuery 中打开 YouTube 视频