【问题标题】:Stop jittering on position:fixed; elements across mobile devices when scrolling停止抖动位置:固定;滚动时跨移动设备的元素
【发布时间】:2014-10-23 00:08:31
【问题描述】:

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

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

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

【问题讨论】:

    标签: android html css iphone mobile


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-19
      • 1970-01-01
      • 2019-03-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多