本文主要和大家介绍jquerymobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jquerymobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下,希望能帮助到大家。
一旦窗体中出现长内容,使用笔者那种固定header与footer的全屏布局是存在缺陷的,

如图所示,长内容最后的内容,直到滚动条拉到最底部也无法穷尽,
而且很有可能的是,虽然现在这个地方的内容是显示为半透明,但往往这个位置是一些提交按钮什么的,
用户根本就没法点,
因此,需要进行改进,把原来的代码:
a
title
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
之中的content图层加上样式,style="margin-bottom:50px"也就是变成:
a
title
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
则可以穷尽页面了,如下图所示:

相关推荐:










