动态创建html内容时，移动设备上没有滚动条

Question

我正在构建一个响应式网站，其大部分内容都是在客户端创建的。原始HTML相当小而且“短”，但是随着内容的创建和添加，应用程序的整体高度也会增加。

我现在面临的问题是，在移动设备（iphone，ipad，Windows phone等）上，浏览器无法识别页面正在增长的事实，因此不会创建垂直滚动条作为内容增长。

在iOS设备上可以进行一些尴尬的滚动，但在Windows手机上，从我听说过没有滚动。

我该如何解决这个问题？我正在考虑为我的html身体设置最小高度。还有别的吗？

这是一个截图，因为你可以看到没有垂直滚动条，即使页面相当长。

该网站现在正在http://jobtorch.net/。

Answer 1

您网页的body未继承.maincontent div的高度，因为您在所述div上使用绝对定位。 （body的高度是移动浏览器用来识别“页面”滚动的高度。）

从position: absolute;的CSS中删除.maincontent，您应该没问题。