Html -webkit溢出滚动中断-webkit变换样式：保留-3d

我正在为我的博客创建一个新主页。它使用了Keith Clark的、几个FlexBox（）和

问题是Keith Clark的纯CSS视差在iOS中不能平滑滚动（即动量滚动）。我发现在iOS中实现平滑滚动的方法是使用-webkit-overflow-scrolling:touch。但一旦我尝试将其应用到我的主页上，它就完全打破了我在iOS上的设计。（顺便说一句，这种效果在OSX Safari的响应式设计模式中没有表现出来——它似乎工作得很好。只有当我将其加载到iPhone上时，设计才被破坏。）

看起来它破坏了一些变换样式。例如，它看起来基本上使-webkit transform-style:preserve-3d无效

---

我在这里是个新手，但我已经潜伏了足够长的时间，知道你们像我这样的人包括一个JSFIDLE或我的代码的某种示例。老实说，我不知道我的HTML或CSS的哪一部分可能会导致这个问题，在这里复制我所有的HTML和CSS会很乏味。你们能看一下上面的代码吗？

你们应该重新表述你们的问题，只写代码是不行的。你们应该重新表述你们的问题，只写代码是不行的。。