iOS 11，Cordova应用程序侧边栏在滚动时消失

Question

我们基于Cordova为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的第一个内部元素时，其他子元素仍然消失。有人遇到过这种情况吗？谢谢 Fabio

- Fabio Ricci

---

遇到过这个问题，但不确定如何解决。如果你找到了答案，请回答这个问题！ :) - Huw Davies

类似于这个问题，当滚动页面时，页眉和页脚也会消失，停止滚动后又会重新出现，目前还没有解决方案。 - Akash Pal

Answer 1

尝试给z轴一个实际的值。例如：transform: translate3d(0,0,1px)。我发现这样可以更好地启用硬件加速，而不是空的零值。但我怀疑它不能完全解决问题。我在iOS 11上遇到了各种消失的内容问题，无法解决。奇怪的是，在普通移动Safari浏览器中无法重现它们。它们只显示在无头Web视图中。

- Chase