好的,所以我在 Web 开发领域还很陌生。几个月前,我仅使用 Css 视差滚动完成了自己的网站。IOS13 出现了一些问题。
对于视差效果,我使用了Keith Clark的描述。一切都很顺利。它涵盖了桌面和移动设备上的几乎所有浏览器。
但是在新的 IOS13 中,CSS-Only-Parallax 效果停止工作。我做了很多研究,但我无法弄清楚。
有没有可能解决这个问题?你们会怎么做?
/* Parallax base styles
--------------------------------------------- */
.parallax {
height: 500px; /* fallback for older browsers */
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-perspective: 300px;
perspective: 300px;
}
.parallax__group {
position: relative;
height: 500px; /* fallback for older browsers */
height: 100vh;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.parallax__layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.parallax__layer--fore {
-webkit-transform: translateZ(90px) …Run Code Online (Sandbox Code Playgroud)