当前位置:Gxlcms > JavaScript > jQueryMobile窗体长内容缺陷如何解决

jQueryMobile窗体长内容缺陷如何解决

时间:2021-07-01 10:21:17 帮助过:37人阅读

本文主要和大家介绍jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下,希望能帮助到大家。

一旦窗体中出现长内容,使用笔者那种固定header与footer的全屏布局是存在缺陷的,

如图所示,长内容最后的内容,直到滚动条拉到最底部也无法穷尽,
而且很有可能的是,虽然现在这个地方的内容是显示为半透明,但往往这个位置是一些提交按钮什么的,

用户根本就没法点,

因此,需要进行改进,把原来的代码:


之中的content图层加上样式,style="margin-bottom:50px"也就是变成:


则可以穷尽页面了,如下图所示:

相关推荐:

有关Mobile入门的文章推荐3篇

微信开发微网站之jquery_mobile案例分析

jQuery-mobile事件监听与用法详解

以上就是jQuery Mobile窗体长内容缺陷如何解决的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行