html:
<div class="wrap">
<div class="content">
............
</div>
</div>
<div class="footer"></div>
css:
html,body{height:100%;}
.wrap{min-height: 100%;}
.content{padding-bottom: -111px;}
.footer{margin-top:-111px;height:111px;}
效果展示：
页面内容不足一屏时，footer固定在页面底部。页面内容超出一屏，出现滑屏效果时，footer仍然固定在底部。