Android 原生浏览器在添加元素时不会在溢出自动时更新高度

Question

我正在制作一个1页的移动web应用程序。容器固定为100%高度，里面的文章有

overflow: auto
height: 100%

这在iOS和Android上都很有效，视口保持静态，内容在中间滚动。然而，当我添加一个新的DOM元素到文章，或取消隐藏一个隐藏的div, Android不更新滚动div的高度，所以在同一div底部的任何元素将在滚动限制被切断。

还有别的办法吗?

Answer 1

好吧，我设法通过强制视图重新绘制每当我改变DOM

$('<style></style>').appendTo($(document.body)).remove();

一个可怕的可怕的修复，但它工作…

Android浏览器是新的IE6。

Answer 2

我在将-webkit-transform: translateZ(0);设置在滚动div上以调整iOS上的硬件加速时遇到了同样的问题。删除这个固定滚动

Answer 3

我使用了以下方法:

$('#my_di').addClass('dummy').removeClass('dummy');