如何复制在iOS上修复的后台附件

QRo*_*hlf 74 html css ios

我正在尝试在iOS上为学校项目提供固定背景图像div.我一直在用

background-attachment: fixed;
Run Code Online (Sandbox Code Playgroud)

但这导致了移动游猎中的奇怪尺寸和滚动效果.这是我正在使用的网站 ; 我目前用于引用div图像背景的方法在桌面上运行良好但在iOS上完全失败.

不知何故,http: //www.everyonedeservesgreatdesign.com 得到了这个工作.我在跟踪代码时遇到了困难,因为他们正在使用某种类型的方形空间模板,但看起来他们正在将图像放入一个position:fixed以某种方式被position:relative其父div 剪切的div中.我的印象是不可能position:fixed用视口以外的任何东西来剪切div,所以我很好奇这里发生了什么.

关于如何在我的网站中为固定图像div背景实现此方法的任何想法?

fer*_*sik 106

过去曾经有人问过,显然移动浏览器的成本很高,所以它被禁用了.

查看@PaulIrish的评论:

固定背景具有巨大的重绘成本和大幅滚动性能,我相信,这是为什么它被禁用.

你可以在这篇文章中看到解决方法:

使用ios7修复了背景图像

固定的身体背景与iOS7上的页面滚动

  • 这很有趣。我不知道五年前这是否属实,但不仅 Android 上没有禁用此功能,而且在有固定背景和没有固定背景的情况下进行分析时,我只看到 1% 的帧速率差异。iOS 应该取消这个限制... (9认同)
  • 这不仅仅是css,看看#parallax-images div 图像容器有内联css。这是在 https://static.squarespace.com/static/ta/515c7b5ae4b0875140c3d94a/2476/scripts/site.js 中处理的 (2认同)