小编tin*_*cix的帖子

仅 CSS 视差滚动停止与 IOS/PadOS13 一起使用?

好的,所以我在 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)

html css parallax ios13 ipados13

7
推荐指数
1
解决办法
915
查看次数

标签 统计

css ×1

html ×1

ios13 ×1

ipados13 ×1

parallax ×1