2014-09-11 2 views
3

Keith Clark는 perspective: 1px, overflow-y: autowidth: 100vw에있는 컨테이너 만 사용하여 시차 스크롤 효과를 시연하는 excellent, minimal demo을 작성했습니다.Android 용 Chrome에서의 순수 CSS 시차 스크롤 효과

하지만 Android 용 Chrome을 사용하여 해당 페이지로 이동하면 (다른 휴대 기기를 사용해 보지 않았지만 환영합니다) 작동하지 않습니다. Chrome 37.0.2062.117, Android 4.4.4, Nexus 4입니다.

나는 -webkit-을 사용해 봤습니다. 데모에서는 작동하지 않습니다.

one related question on the site이 있지만 Android 용 Chrome에서도 작동하지 않습니다. 휴대 전화에는 시차 스크롤이 없습니다.

아무도 순수한 CSS이며 Android 용 Chrome에서 작동하는 demo을 기반으로 한 솔루션을 제공 할 수 있습니까?

+1

Android 용 Chrome뿐 아닙니다. Mac에서 Chrome (M37)에서도 작동하지 않습니다. [그의 블로그 게시물] (http://blog.keithclark.co.uk/pure-css-parallax-websites/)은 페이지 상단에 이것을 언급하고 당분간이를 수정하는 방법을 언급합니다. – Brian

+1

Android 4.4.4를 실행하는 내 LG Optimus 4X HD에서 Chrome 베타 38.0.2125.57 (깜박임 537.36 @ 181577)에 대한 데모가 완벽하게 작동하므로 크롬에서 안정적으로 작동하는 것을 확인할 때까지는 안됩니다. – iSWORD

+0

감사합니다. Mac에서 Chrome M37에서 작동하는지 확인할 수 있으므로 Chrome 베타로 전환해야합니다. –

답변

0

Chrome M37의 버그 일뿐입니다. 38 버전은 잘 작동합니다!

0

http://www.skullysystems.com은 모든 브라우저에서 작동하는 솔루션이 있다는 것을 알고있는 유일한 웹 사이트입니다. 사용중인 라이브러리인지, 아니면 사용자 지정 스크립트인지 여부는 확실하지 않습니다. 그들이 만든 것을 리버스 엔지니어링 할 수 있습니다.