頁腳位置JQM中屏幕的底部？

Question

所以我有這個應用程序和一些瘋狂的原因我的頁腳不是坐在屏幕的底部，即使我使用data-postsion =「固定」

任何想法？

繼承人我的代碼和一個屏幕抓取，

<div data-role="footer" data-position="fixed" data-theme="f" >   
       <div data-role="navbar"> 
        <ul> 
         <li><a href="#page12" data-role="button" data-icon="arrow-l" data-iconpos="bottom" data-inline="true">Previous</a>       </li> 
         <li><a href="#menu" data-role="button" data-icon="home" data-iconpos="bottom" data-inline="true">Home</a></li> 
         <li><a href="#page2" data-role="button" data-icon="arrow-r" data-iconpos="bottom" data-inline="true">Next</a></li> 
         </ul> 
       </div> 
      </div> 

Answer 1

我認爲你缺少的屬性「數據ID」之類數據的id =「粘頁腳」在組合的所有網頁數據位置=「固定」。

要使頁腳在轉換之間保持不變，請將data-id屬性添加到所有相關頁面的頁腳，併爲每個頁腳使用相同的id值。例如，通過將data-id =「myfooter」添加到當前頁面和目標頁面，框架將在頁面動畫期間將頁腳錨點保持在同一位置。如果將頁眉和頁腳工具欄設置爲data-position =「fixed」，以便在轉換期間它們處於視圖中，則此效果只能正常工作。

結帳：Persistent Navbars on JQM.com

<div data-role="footer" data-id="foo1" data-position="fixed"> 
<div data-role="navbar"> 
    <ul> 
     <li><a href="a.html">Info</a></li> 
     <li><a href="b.html">Friends</a></li> 
     <li><a href="c.html">Albums</a></li> 
     <li><a href="d.html">Emails</a></li> 
    </ul> 
</div><!-- /navbar -->