3

我正在制作一个 1 页的移动网络应用程序。容器固定在 100% 高度，里面的物品有

overflow: auto
height: 100%

这在 iOS 和 Android 上都很好用，视口保持静态，内容在中间滚动。但是，当我在文章中添加新的 DOM 元素，或者取消隐藏隐藏的 div 时，Android 不会更新滚动 div 的高度，因此同一 div 底部的任何元素都会在滚动限制处被截断。

有没有办法解决？

4

3 回答 3

8

好的，我设法通过在更改 DOM 时强制视图重新绘制来解决此问题

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

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

Android浏览器是新的IE6。

于 2013-05-03T08:01:49.020 回答
1

我使用了以下方法：

$('#my_di').addClass('dummy').removeClass('dummy');
于 2013-11-27T16:16:01.183 回答
1

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

于 2013-06-11T09:32:06.573 回答