data-position =「fixed」爲除頁眉和頁腳之外的div工作

我有一個需要修復的div（電話號碼），它只是在頁腳之上。當我們調整窗口大小時，用戶必須能夠看到「phone-no」div。這裏是image說「免費試用」的藍條是固定條，而下面的條是頁腳。data-position =「fixed」爲除頁眉和頁腳之外的div工作

當我試圖對頁眉和頁腳數據位=「固定」，它似乎工作但不能在此任何瞭解?? link to the page

來源

2011-06-17 Priya

的時候怎麼樣加入你的DIV的HTML結構的孩子' data-role =「footer」'元素，然後給它這樣的CSS：'position：absolute;頂部：-20px; height：20px;'這會使元素始終位於頁腳的上方。 – Jasper

直播例：

http://jsfiddle.net/zD5RU/4/
http://jsfiddle.net/zD5RU/8/（多個內容）

HTML：

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="header" data-position="fixed"> 
     <h1>Header</h1> 
     <a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a> 
    </div> 

    <div data-role="content"> 
     <p>Content</p> 
    </div> 

    <div data-role="footer" data-id="foo1" data-position="fixed"> 
     <div data-role="navbar"> 
      <ul> 
       <li></li> 
       <li></li> 
       <li>Footer</li> 
       <li></li> 
       <li>(888)444-8901</li> 
      </ul> 
     </div> 
    </div> 

</div>

來源

2011-06-17 20:55:39

問題是我有一個單獨的頁腳。這個電話號碼不能寫在頁腳上 – Priya

嘗試把這個代碼文檔中準備就緒，將禁用消失點擊和滾動

$("[data-role=header]").fixedtoolbar({ tapToggle: false }); 
$("[data-role=footer]").fixedtoolbar({ tapToggle: false });

祝您好運

來源

2012-12-26 14:55:18

data-position =「fixed」爲除頁眉和頁腳之外的div工作

回答

相關問題