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