我正在构建一个响应式网站,其中大部分内容都是在客户端创建的。原始 HTML 相当小且“短”,但是随着内容的创建和添加,应用程序的整体高度会增加。
我现在面临的问题是,在移动设备(iphone、ipad、Windows phone 等)上,浏览器无法识别页面正在增长的事实,因此不会创建垂直滚动条作为内容生长。
在 iOS 设备上可能会出现一些笨拙的滚动,但在 Windows Phone 上,据我所知没有滚动。
我该如何解决这个问题?我正在考虑为我的 html 正文设置一个最小高度。还有什么吗?
这是一个屏幕截图,您可以看到没有垂直滚动条,尽管页面相当长。
网站在 http://jobtorch.net/ 上现在。
最佳答案
页面的 body
没有继承 .maincontent
div 的高度,因为您在上述 div 上使用了绝对定位。 (body
的高度是移动浏览器用来识别“页面”滚动的高度。)
从 .maincontent
的 CSS 中删除 position: absolute;
,您应该没问题。
关于javascript - 动态创建 html 内容时移动设备上没有滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19571048/