使用悬浮的方式固定头部与底部栏

 data-position="fixed"属性可以指定头部和底部固定

<div data-role="page">
    <div data-role="header" data-position="fixed">
      <h1>荣拓科技</h1>
    </div>
　　<ul data-role="listview">
      <li><a href="#">计算机</a></li> 
	  <li><a href="#">社科</a></li> 
	  <li><a href="#">文艺</a></li> 
	  <li><a href="#">生活</a></li> 
	  <li><a href="#">历史</a></li> 
	  <li><a href="#">经济</a></li> 
    </ul> 
　　<div data-role="footer" data-position="fixed">
　　  <h4>©2012 rttop.cn studio</h4>
　　</div>
　</div>