android - 如何在 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 没有边框。同样在 Samsung Core Prime 上，Android 浏览器中没有边框。它只发生在同一三星的 Chrome 中 - 右侧和底部有一个粗(可能 3px)灰色边框，在右下角不相交。

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 中的滚动条。