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

Question

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

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

在 iOS 设备上可能会出现一些笨拙的滚动，但在 Windows Phone 上，据我所知没有滚动。

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

这是一个屏幕截图，您可以看到没有垂直滚动条，尽管页面相当长。

网站在 http://jobtorch.net/ 上现在。

Answer 1

页面的 body 没有继承 .maincontent div 的高度，因为您在上述 div 上使用了绝对定位。 (body 的高度是移动浏览器用来识别“页面”滚动的高度。)

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