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

基思·克拉克写了一个出色的,最小的演示示范视差仅使用与CSS滚动效果perspective: 1pxoverflow-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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

理解为什么纯CSS视差效果适用于div,但不适用于body标签吗?

来自分类Dev

适用于iPhone的jQuery视差滚动吗?

来自分类Dev

视差滚动适用于1张图像,但不适用于其他图像

来自分类Dev

使用 CSS 以视差效果滚动

来自分类Dev

CSS“ display:block”不适用于Android版Chrome

来自分类Dev

滚动不适用于css()吗?

来自分类Dev

反应,useEffect清理不适用于removeEventListener,useRef,视差效果

来自分类Dev

CSS效果可在Chrome中使用,但不适用于IE 11

来自分类Dev

带有jQuery的CSS3效果仅适用于Chrome调试

来自分类Dev

带有jQuery的CSS3效果仅适用于Chrome调试

来自分类Dev

纯 CSS 视差与 JS/jQuery 滚动

来自分类Dev

纯 CSS 视差 + 导航显示滚动

来自分类Dev

视差不适用于Rails

来自分类Dev

视差不适用于Rails

来自分类Dev

悬停效果不适用于Chrome中的flexbox

来自分类Dev

自定义CSS滚动条仅适用于Chrome

来自分类Dev

CSS动画仅适用于Chrome

来自分类Dev

CSS图像条纹悬停效果不适用于jQuery

来自分类Dev

悬停效果不适用于CSS过渡

来自分类Dev

悬停效果不适用于 w3-css

来自分类Dev

css3视口:适用于chrome模拟器,不适用于android手机

来自分类Dev

适用于Android游戏的视觉效果库

来自分类Dev

适用于Android的具有特殊效果的Sidemenu

来自分类Dev

对角溢出滚动不适用于Chrome和Opera

来自分类Dev

jQuery页面滚动动画仅适用于Chrome

来自分类Dev

纯 css 视差效果产生不均匀的部分

来自分类Dev

css3 转换无法在 chrome 上正确呈现(适用于 Firefox)

来自分类Dev

CSS不适用于滚动下的div字段

来自分类Dev

Chrome上的黑屏(适用于Android HTML5视频)

Related 相关文章

热门标签

归档