实例详解jQueryMobile窗体长内容的缺陷与解决方法
来源：懂视网
责编：小采
时间：2020-11-27 20:08:41
实例详解jQueryMobile窗体长内容的缺陷与解决方法
实例详解jQueryMobile窗体长内容的缺陷与解决方法:本文主要介绍了jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下，希望能帮助到大家。一旦窗体中出现长内容，使用笔者那种固定header与footer的全
导读实例详解jQueryMobile窗体长内容的缺陷与解决方法:本文主要介绍了jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下，希望能帮助到大家。一旦窗体中出现长内容，使用笔者那种固定header与footer的全
本文主要介绍了jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下，希望能帮助到大家。
一旦窗体中出现长内容，使用笔者那种固定header与footer的全屏布局是存在缺陷的，
如图所示，长内容最后的内容，直到滚动条拉到最底部也无法穷尽，
而且很有可能的是，虽然现在这个地方的内容是显示为半透明，但往往这个位置是一些提交按钮什么的，
用户根本就没法点，
因此，需要进行改进，把原来的代码：
之中的content图层加上样式，style="margin-bottom:50px"也就是变成：
则可以穷尽页面了，如下图所示：
实例详解jQueryMobile窗体长内容的缺陷与解决方法
实例详解jQueryMobile窗体长内容的缺陷与解决方法:本文主要介绍了jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下，希望能帮助到大家。一旦窗体中出现长内容，使用笔者那种固定header与footer的全
