android - 在位置 :fixed; elements across mobile devices when scrolling 停止抖动

标签 android html css iphone mobile

我们使用 position:fixed 将广告固定在浏览器底部。

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

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

最佳答案

设法通过硬件加速容器来解决这个问题。

我在设置固定位置的类中使用了 transform: translateZ(0);

关于android - 在位置 :fixed; elements across mobile devices when scrolling 停止抖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26506206/

相关文章:

Android 运行时布局教程

java - 在android中解析json

c - HTML5 Web 套接字握手

html - 如何使用 css/html 创建凸起的标签栏元素,例如在 Instagram 或 Dailybooth 中找到的元素

html - CSS悬停下拉菜单,绝对位置?

html - 在 <p> 中将长文本分成多行

android - 取消设置持久系统属性

android - 如何从 'Unresolved reference: arch' 解决 "import android.arch.lifecycle"?

html - 使用 SSE 发送图像数据

css - Google 自定义搜索引擎和 Bootstrap3 样式问题