适用于Android的纯CSS CSS视差滚动效果

时间:2014-09-11 00:30:38

标签: css scroll transform parallax perspective

Keith Clark使用perspective: 1pxoverflow-y: autowidth: 100vw的容器编写了excellent, minimal demo演示视差滚动效果。

但是,如果您使用Chrome for Android进入该页面(我还没有尝试过其他移动设备,欢迎提出评论),则无效。我在Chrome 37.0.2062.117,Android 4.4.4,Nexus 4上。

我试过了-webkit-。它不适用于演示。

one related question on the site,但它也无法在Chrome for Android上运行 - 我的手机上没有视差滚动。

有没有人能提供基于demo纯CSS的解决方案,适用于Android版Chrome?

2 个答案:

答案 0 :(得分:0)

http://www.skullysystems.com是我所知道的唯一一个可以在所有浏览器上使用的解决方案的网站,我不确定他们是否是他们正在使用的图书馆,或者它是否是自定义的他们建立的脚本。你可以尝试逆向工程他们已经建立的东西。

答案 1 :(得分:0)

原来这只是Chrome M37中的一个错误。版本38工作正常!

相关问题