我正在为我的博客创建一个新的主页。它使用了Keith Clark的Pure CSS Parallax，一对Flexbox（basic code here）和this trick to center content vertically within a div。
问题是Keith Clark的Pure CSS Parallax在iOS中没有进行平滑滚动（即动量滚动）。我发现在iOS中平滑滚动的方法是使用 -webkit-overflow-scrolling：touch 。但是一旦我尝试将其应用到我的主页，它就完全打破了我在iOS上的设计。 （顺便说一下，这种效果并没有出现在OS X Safari的响应式设计模式中 - 看起来效果很好。只有当我真的在我的iPhone上加载它时，设计才会被破坏。）
看起来它破坏了一些转换样式。例如，它似乎基本上使 -webkit-transform-style：preserve-3d 无效。
我在这里很新，但潜伏得足够长，知道像我这样的人要包含一个jsfiddle或我的代码的某种示例。老实说，我不知道我的HTML或CSS的哪一部分可能导致问题，而且在这里复制我的所有HTML和CSS会很繁琐。你们可以看一下the website I'm designing itself上的代码吗？