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

Question

我已将border:0添加到fancybox css中的每个iframe引用，甚至border: 0 none。在jquery.fancybox.pack.js文件中，对iframe样式（class="fancybox-iframe"）的唯一引用具有frameborder="0"。添加＆＃34;无缝＆＃34;那个。

结果：在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中的滚动条。