停止位置抖动：固定;滚动时跨移动设备的元素

Question

我们有一个广告坚持使用position:fixed浏览器的底部。

此作品适用于Chrome/Firefox浏览器。当一些手机（几乎所有的机器人，旧iPhone和大多数窗口手机）上加载时，广告都会移动 - 我们可以通过一些CSS动画来减少这种动作，但它仍然不够理想。

A simple fiddle example。它在内容大量页面上看起来似乎更糟糕。

Answer 1

管理通过硬件加速容器对其进行分类。

我用transform: translateZ(0);在班级里设置了固定位置。