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

时间:2013-10-24 16:06:09

标签: javascript jquery html css mobile

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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