jQuery入学13_jQueryModie头部和尾部栏定位

Inline - 默认。头部栏和尾部栏与页面内容内联。
Fixed - 头部栏和尾部栏固定在页面的顶部和底部。
Fullscreen 与 Fixed 定位模式基本相同，适用于照片、图像和视频。
<div data-role="header" data-position="inline"></div>
<div data-role="footer" data-position="inline"></div>

<div data-role="page" data-dialog="true" id="p3" >
  <div data-role="header" data-position="Inline" >
    <h1>【MIS-公告】個人郵箱資料轉移設定公告</h1>
  </div>
  <div data-role="main" class="ui-content">
	<p><b>主旨:</b> 個人郵箱資料轉移設定公告。</p>
    <p><b>發文單位:</b> xx-資訊處-資訊技術部分機：12345。</p>
    <p><b>適用地區:</b> BU2-廠區。</p>
	<p><b>公告內容:</b> </p>
    <p>  因集團內部郵箱系統整合，將分批啟用新個人郵箱，執行期間服務器將會刪除目前所有在線郵箱資料。 
   為避免資料丟失情況發生，請務必于2019/02/2717:30前將在線郵箱封存、并設定本地郵箱收發，SOP如附件，謝謝！ 
   </p>
   <p>注：本地郵箱設置完成後手機在?郵箱?收不到信件，新郵箱啟用後可重新設置，請知悉，謝謝！</p> 
   <p>若有疑問可致電MIS-OA服務窗口：</p> 
   <li>鎧x：12099/12799/12899</li>
   <li>日x：26080</li> 
   <li>日x：26907</li> 
   <li>勝x：27214</li> 
   <li>日x：27661</li> 
    <a href="#p1" data-transition="slide" data-direction="reverse" >返回</a>
  </div>
  <div data-role="footer" data-position="Inline" >
    <h1>Copyright@ xx電腦配件有限公司 2019</h1>
  </div>
</div>