【问题标题】:No scroll bar on mobile when html content are created dynamically动态创建 html 内容时,移动设备上没有滚动条
【发布时间】:2013-10-24 16:06:09
【问题描述】:

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

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

在 iOS 设备上可能会出现一些尴尬的滚动,但在 Windows 手机上,据我所知没有滚动。

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

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

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

【问题讨论】:

  • 显示滚动条是什么意思?在 iOS 和 Android 上,滚动条在用户开始滚动之前不会显示。你是说页面本身不滚动?
  • @adamb 用户滚动页面时不显示滚动条。滚动也很尴尬,并且与 safari 通常在 ios 设备上滚动的方式不一致。
  • 在我的三星 Galaxy Y 中也发生过。你使用引导程序正确吗?
  • 检查脚本中是否有 event.preventDefault()
  • 是的,我正在使用引导程序。

标签: javascript jquery html css mobile


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2011-08-02
    • 1970-01-01
    • 2019-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-29
    • 1970-01-01
    相关资源
    最近更新 更多