如何在 Android 上的 Chrome 中摆脱 fancybox iframe 边框（或滚动条？）

Question

我已将border:0 添加到fancybox css 中的每个iframe 引用，甚至border: 0 none。在 jquery.fancybox.pack.js 文件中，对 iframe 样式 (class="fancybox-iframe") 的唯一引用具有 frameborder="0"。为其添加了“无缝”。

结果：在 PC、iPad 和 iPhone 上，fancybox iframe 没有边框。同样在三星 Core Prime 上，Android 浏览器没有边框。它只发生在同一三星的 Chrome 中 - 右下角有一个厚（可能 3 像素）灰色边框，在右下角不相交。

Chrome 边框从 iframe 的边缘略微插入，因此 iframe 中的内容位于它们之上。所以也许他们甚至不是边界。

更新 @JFK - 在 github/fancyapps 上发现类似问题。未找到解决方案。还有this one，这可能是相关的——有些看到边框，有些看到滚动条。还是和-webkit-overflow-scrolling: touch有关？

Answer 1

来自comment by mgarnerventuretech这个GitHub issue：

.fancybox-inner{
overflow: auto !important;
}

在 Samsung Core Prime 上的 Chrome 中摆脱了 fancybox iframe 中的滚动条。