我知道。你讨厌视差。你知道我们应该更讨厌什么吗?当那些曾经在网络上运作的东西在没有任何明确警告或原因的情况下停止运作时。
早在 2014 年,Keith Clark 发表博文 介绍了一个非常巧妙的 CSS 技巧,你本质上使用 CSS 变换将元素缩小,从而影响它看起来的滚动方式,然后将其“深度修正”回“正常”大小。看来我们已经享受了 5 年的乐趣,但它在 iOS 13 中停止工作了。
这里有一个官方模拟器和问题的视频
- Amelia 说 “3D 变换不是一个稳定的规范” ,这让我感到害怕。难道它们没有前缀吗?
- iOS 13 也破坏了 “滚动阴影” ,因为显然它们正在缓存滚动视图或其他什么?
- Adam 围绕这个概念做了很多工作 ,我相信他不是唯一一个。
我想举手支持修复这个问题。如果我们不监督网络,一切都会受到影响。
这对我很感兴趣,因为这种“技巧”的实现方式实际上根本不是一个技巧。事实上,它是视差效果的唯一实现方式之一,它 _不是_ 一个技巧。视差滚动效果旨在通过修改各种元素的滚动行为来模拟深度。在此实现中,所有这些都通过简单地使深度“真实”而被绕过。因此,iOS 13 并没有通过修复 CSS 变换的误用来阻止这种效果生效,而是主动破坏了在以前一直正确应用的内容。
你说的没错
我同意,这真是个大问题
这就是为什么我们不能拥有美好的事物……
难道不是相反,z 轴平移使它以不同的速度滚动,然后你必须通过缩放来修正它的大小?
考虑到 iOS 13 有多 buggy,我敢打赌这是 Safari 中的一个 bug,而不是一个功能。
抱歉 Chris,但事实上 3D 变换处于工作草案阶段。所以……嗯……有点可怕(对我来说 ^^'),但这还不是一个稳定的阶段。
应该是父容器上的 overflow 属性导致了这个问题。
我尝试将其删除,它再次正确缩放,但显然需要 overflow 属性来产生视差效果,因此无法进一步测试。
奇怪的是,这个 bug 曾经存在于 IE/Edge 中(可能现在仍然存在),这让我朝着这个方向思考。我开始觉得“Safari 是新的 IE”人群可能有一点道理。
目前有解决方法或修复方案吗?
我没有尝试 twentynineteen 和 twentytwenty 主题。一个问题:twentynineteen 和 twentytwenty 主题是否也具有所谓的视差效果!?它们是否具有视差功能!?
twentytwenty 主题说明:(在 wordpress 页面上)
引用
我们 2020 年的默认主题旨在充分利用块编辑器的灵活性。组织和企业可以使用组和列块创建具有无限布局的动态着陆页。居中的内容列和精心调整的排版也使其非常适合传统博客。完整的编辑器样式让您可以清楚地了解内容在发布之前的样子。您可以通过更改自定义器中的背景颜色和强调颜色来为您的网站增添个人风格。您网站上所有元素的颜色将根据您选择的颜色自动计算,确保为您的访问者提供高对比度和可访问的颜色。
这太令人印象深刻了:我的问题是:twentynineteen 和 twentytwenty 主题是否也具有所谓的视差效果!?它们是否具有视差功能!?
您好 - 两种主题都不包含开箱即用的视差效果(据我所知),但您可以添加视差效果,最好是在子主题中。
拜托,Apple。你们是想惹恼所有人吗!?
修复这个问题。