一尘不染

如何复制iOS上固定的后台附件

html

我正在尝试让固定背景图像div在iOS上用于学校项目。我一直在用

background-attachment: fixed;

但这会导致尺寸变幻,并且在移动Safari中没有滚动效果。这是我正在使用的网站;我当前用于引用div图像背景的方法在台式机上效果很好,但在iOS上完全失败。

不知何故,可以正常工作。我在执行代码时遇到了困难,因为他们正在使用某种正方形空间模板,但是看起来他们正在将图像放入position:fixeddiv,而该div却被position:relative其父div裁剪了。我给人的印象是,position:fixed除了视口外,不可能用任何其他东西剪辑div,所以我对这里发生的事情很好奇。

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


阅读 308

收藏
2020-05-10

共1个答案

一尘不染

过去曾有人问过它,显然它对移动浏览器来说要花很多钱,因此已被禁用。

通过@PaulIrish查看此评论:

固定背景具有 巨大的 重画成本和滚动性能下降,我相信这就是为什么它被禁用。

2020-05-10