本文主要和大家介绍jquerymobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jquerymobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下,希望能帮助到大家。
一旦窗体中出现长内容,使用笔者那种固定header与footer的全屏布局是存在缺陷的,
如图所示,长内容最后的内容,直到滚动条拉到最底部也无法穷尽,
而且很有可能的是,虽然现在这个地方的内容是显示为半透明,但往往这个位置是一些提交按钮什么的,
用户根本就没法点,
因此,需要进行改进,把原来的代码:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">a
title
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
登录后复制登录后复制 a b c
之中的content图层加上样式,style=”margin-bottom:50px”也就是变成:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">a
title
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
本页还在建设中
登录后复制登录后复制 a b c
则可以穷尽页面了,如下图所示:
相关推荐:
有关Mobile入门的文章推荐3篇
微信开发微网站之jquery_mobile案例分析
jQuery-mobile事件监听与用法详解
以上就是jQuery Mobile窗体长内容缺陷如何解决的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2787436.html