jquery mobile开发中footer一直在底部的设置方法

如果这么写footer的话
<div data-role="footer">
     <a href="http://www.jqdemo.com" data-transition="fade" data-theme="" data-icon="">jQuery插件</a></h4>
</div>
效果会这样

 
下面会空出一块空白,因为底部是要适应内容的,如果我希望顶部一直在低下,就算滚动也不影响底部的话 我们只需要增加属性:
 
data-position="fixed"

如这样:
 
<div data-role="footer" data-position="fixed">
        <a href="http://www.jqdemo.com" data-transition="fade" data-theme="" data-icon="">jQuery插件</a></h4>
</div>
就会打到我们想要的结果: