所以我使用Keith Clark's pure CSS parallax想法构建了一个网站。它看起来不错，但我很好奇是否有人想出如何在iOS上允许惯性/动量滚动。
到目前为止我所知道的：
目前惯性/动量滚动不起作用，因为基本上整个页面都保存在overflow-y:auto的容器中。因此，当您在页面上滚动时，您将在容器内滚动。
在iOS上，您必须应用-webkit-overflow-scrolling: touch以允许滚动不是视口的任何内容进行惯性/动量滚动。
如果您将-webkit-overflow-scrolling: touch添加到.parallax，则整个视差效果会中断。
example of that here
我尝试将iscroll.js添加到页面中，但它也会通过使.parallax容器中的子项以不正确的方式滚动来打破页面。它使视差层相对于视口而不是容器上下移动。
这导致的另一个问题不是那么大，但在这里很好解决，因为它与iOS相关的是页面永远不会进入minimal-ui，因为只有在视口滚动时才会发生。
我见过人们在博文上询问过这个问题，所以我想我可以将同样的问题带到stackoverflow，看看是否有人有任何好主意。
谢谢！
答案 0 :(得分：0)
不是你想听到的（假设你通过Keith Clark的指南阅读了一些好时间），但iOS处理滚动事件的方式与桌面不同。你可以调整你已经拥有的东西，但是如果你真的想要这个，你可能最好切换到一个js工具，记录了对iOS视差+动量的支持。 Stellar可以做到这一点，例如 - http://markdalgleish.com/projects/stellar.js/docs/