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

标签 javascript jquery html css mobile

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

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

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

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

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

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

最佳答案

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

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

关于javascript - 动态创建 html 内容时移动设备上没有滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19571048/

相关文章:

javascript - jquery - 只获得下一级 child

jquery - 如果其他兄弟有类,则在兄弟上运行 CSS

jquery - 如何将默认的 Bootstrap 链接悬停颜色更改为自定义颜色?

javascript - 无法在提交表单上绑定(bind) "vm"符号

javascript - 在多个表单提交后(在 Rails 中),尝试在 ajax 提交后再次显示 JQuery flash 消息

javascript - 建议一种每分钟更新一次时间的方法

javascript - 为什么 "return false;"或 "event.preDefualt();"在 $.post(); 之后不起作用?

javascript - 单击带有文本的 anchor 标记

javascript - 在可扩展列表上使用 FontAwesome

javascript - 在 Angular 2 中提交发布请求时的奇怪行为