一尘不染

jQuery Mobile:将页脚置于页面底部

css

有什么方法可以牢记jQuery Mobile框架的操作方式来修复页面,以便页脚始终与页面底部对齐-不管高度如何。

按照目前的情况,jQuery页面的高度将发生变化,尤其是当设备从纵向旋转为横向时,因此解决方案必须考虑到这一点。

只是为了澄清-我不需要页脚位于视口的底部,而只是为了使默认页面高度不低于视口高度而工作。

谢谢。


阅读 340

收藏
2020-05-16

共1个答案

一尘不染

您可以在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还编写了一个出色的插件,您可以在这里找到:iScroll插件中的jQuery Mobile

希望你找到答案!

答案更新

现在,您可以使用该data-position="fixed"属性将页脚元素保持在底部。

2020-05-16