基思·克拉克写了一个出色的,最小的演示示范视差仅使用与CSS滚动效果perspective: 1px
,overflow-y: auto
并在容器width: 100vw
。
但是,如果您使用Android版Chrome浏览器转到该页面(我还没有尝试过其他移动设备,欢迎评论),它将无法正常工作。我使用的是Chrome 37.0.2062.117,Android 4.4.4,Nexus 4。
我试过了-webkit-
。它不适用于演示。
该网站上有一个相关的问题,但它在Android版Chrome上也无法使用-我的手机上没有视差滚动。
有人可以提供基于演示的纯CSS解决方案,该解决方案可以在Android版Chrome上运行吗?
原来这只是Chrome M37中的错误。版本38可以正常使用!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句