iOS 11，Cordova app侧边栏在滚动时消失

Question

我们发布了几款基于Cordova for iOS的应用程序。我们使用的图形界面框架是AdminLTE，派生自Bootstrap。 在所有应用程序中，我们都有一个侧边栏，其位置在CSS中是固定的。除此之外，我们还有一个可滚动的内容（UL列表中的一系列LI）。一切都很好，直到iOS 10，但现在我们有一个奇怪的行为。滚动内容，侧边栏就会消失。 我已经阅读了很多建议（特别是这个Overflow scrolling not working on position fixed element iOS）。 这些解决方案都没有真正奏效。但最奇怪的是，这种行为只是在iOS11的测试版中开始（而提议的解决方案来自iOS 5及更高版本）。

当我说它不起作用时，我的意思是这个修复：

.main-sidebar * {
    transform: translate3d(0,0,0); }

正确应用于.main-sidebar的第一个内部元素，而其他子元素仍然消失。

那么，有人遇到过这种特殊情况吗？

由于 法比奥

Answer 1

尝试为z轴提供实际值。即：transform: translate3d(0,0,1px)。

我发现我可以更好地使用硬件加速，而不是空零值。

但我怀疑它会完全解决这个问题。 iOS 11中存在各种消失的内容问题，无法修复它们。奇怪的是，我无法在普通的移动Safari浏览器中重现它们。它们只显示在无头网页视图中。