Question

我的页面不包含大量信息，因此页脚会显示在页面中间的某个位置。我怎么能总是在底部呢？

Answer 1

jquery移动方法 - <div data-role="footer" data-position="fixed">

Answer 2

{
  potition: absolute;
  bottom: 0;
  width: 100%;
  height: some_height;
}

Answer 3

这不是一个固定的位置页脚。如果页面内容高于屏幕，则页脚将在屏幕外。我认为这样看起来更好。

身体和.ui-page min-height和height是防止页脚在过渡期间上下跳跃所必需的。

使用截至目前的最新JQM版本1.4.0

body,
.ui-page {
    min-height:100% !important;
    height:auto !important;
}

.ui-content {
    margin-bottom:42px; /* HEIGHT OF YOUR FOOTER */
}

.ui-footer {
    position:absolute !important;
    width:100%;
    bottom:0;
}

Answer 4

[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}

如何将页脚始终放在页面底部？

4 个答案: