Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android Chrome上的纯CSS视差滚动效果_Css_Scroll_Transform_Parallax_Perspective - Fatal编程技术网

Android Chrome上的纯CSS视差滚动效果

Android Chrome上的纯CSS视差滚动效果,css,scroll,transform,parallax,perspective,Css,Scroll,Transform,Parallax,Perspective,Keith Clark写了一篇演示视差滚动效果的文章,只使用了带有透视图:1px、溢出-y:auto的CSS和宽度为100vw的容器 然而,如果你使用Chrome for Android进入该页面(我还没有尝试过其他移动设备,欢迎评论),它就不起作用了。我使用的是Chrome37.0.2062.117、Android 4.4.4、Nexus4 我试过-webkit-。它不适用于演示 有,但它也不适用于Android的Chrome。我的手机上没有视差滚动 有谁能提供一个基于纯CSS的解决方案并在C

Keith Clark写了一篇演示视差滚动效果的文章,只使用了带有
透视图:1px
溢出-y:auto
的CSS和宽度为100vw的容器

然而,如果你使用Chrome for Android进入该页面(我还没有尝试过其他移动设备,欢迎评论),它就不起作用了。我使用的是Chrome37.0.2062.117、Android 4.4.4、Nexus4

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

有,但它也不适用于Android的Chrome。我的手机上没有视差滚动


有谁能提供一个基于纯CSS的解决方案并在Chrome for Android上运行吗?

是我所知道的唯一一个能够在所有浏览器上运行的解决方案的网站,我不确定他们使用的是一个库还是他们构建的自定义脚本。你可以尝试对他们的产品进行反向工程。

结果表明,这只是Chrome M37中的一个缺陷。38版很好用

这不仅仅是Android的Chrome浏览器。也不能在Mac上使用Chrome(M37)。在页面顶部提到了这一点,并提到了如何暂时纠正它。在运行Android 4.4.4的LG Optimus 4X HD上,Chrome Beta 38.0.2125.57(Blink 537.36@181577)上的演示效果完美无瑕,所以我们很快就会看到它在Chrome stable上运行。谢谢。我可以确认它可以在Mac上的Chrome M37上运行,所以也许我应该切换到Chrome beta。似乎不再工作了。