jQuery Mobile棒脚注始终在底部

Question

我看过很多话题，但没有一个像我想要的那样。 以下是小提琴中的一个例子：http://jsfiddle.net/mXjHJ/444/

第一页，表示如果data-position='fixed'已设置，则页脚与列表视图重叠，我不希望它重叠。

第二页不使用属性data-position='fixed'，但是，如果我在listview中没有值，则页脚不会停留在底部

如何将页脚粘在底部并且不重叠？

感谢。

Answer 1

而不是使用position：fixed。您可以使用包装器将页脚向下推，

HTML：

<div id="wrapper"> 
   <div id="content">
    your list / content
   </div>
</div>
<footer></footer>

CSS：

#wrapper {
 height:100%;
padding-bottom:100px; /* Footer height */
 }
footer {
height:100px;
margin-top:-100px,/* Footer height */
}