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

Question

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

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

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

UPDATE @JFK - 在 github/fancyapps. No solution found. But also this one 上发现了类似的问题，这可能是相关的 - 有些看到边框，有些看到滚动条。或者它可能与 -webkit-overflow-scrolling: touch?

有关

Answer 1

来自comment by mgarnerventuretech in this GitHub issue：

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

在 Samsung Core Prime Chrome 中删除了 fancybox iframe 中的滚动条。