css – jQuery Mobile:在页面底部留下足迹

前端之家收集整理的这篇文章主要介绍了css – jQuery Mobile:在页面底部留下足迹前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有任何方式,牢记jQuery Mobile框架操作的方式,以修复页面,使页脚始终与页面底部对齐 – 无论高度。

因为它站立的jQuery页面的高度将改变,特别是当设备被旋转的肖像到景观,所以解决方案必须考虑到这一点。

只是为了澄清 – 我不需要页脚在视口的底部,只是工作,使默认页面高度不会降到视口高度以下。

谢谢。

解决方法

您可以将其添加到您的css文件
[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}

因此,页面数据角色现在具有100%的高度,而页脚位于绝对位置。

Yappo也写了一个很好的插件,你可以在这里找到:
jQuery Mobile在iScroll插件
http://yappo.github.com/projects/jquery.mobile.iscroll/livedemo.html

希望你找到答案!

An answer update

现在可以使用data-position =“fixed”属性将页脚元素保留在底部
文件和示范:http://view.jquerymobile.com/master/demos/toolbar-fixed/

猜你在找的CSS相关文章