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

Question

我们在浏览器底部使用position:fixed 粘贴了一个广告。

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

A simple fiddle example。在内容繁重的页面上似乎确实更糟。

Answer 1

设法通过硬件加速容器来解决它。

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