HTML5 - 保持頁面轉換之間的頁眉和頁腳穩定頁面轉換

有沒有一種方法來保持頁面的頁眉和頁腳穩定，並在兩頁之間轉換時只移動jquerymobile中頁面的內容部分？HTML5 - 保持頁面轉換之間的頁眉和頁腳穩定頁面轉換

我有以下兩頁

page1.html 
    <header> 
     .... 
    </header> 

    <content> 
     ....<!--content1--> 
    </content> 

    <footer> 
     ..... 
    </footer> 

    page2.html 
     <header> 
     .... 
    </header> 

    <content> 
     ....<!--content2--> 
    </content> 

    <footer> 
     ..... 
    </footer>

邏輯：

我需要使用網頁之間的幻燈片過渡。
現在用JQueryMobile，PhoneGap的

問題：

如何留住在頁面的頁眉和頁腳穩定嗎？即只有內容部分移動轉換
我希望它可以在ios和android設備上工作。
有沒有任何css的方式來做到這一點？

來源

2013-10-09 Prakash

[禁用頁面轉換的可能重複上數據角色=「標題」在jQuery Mobile]（http://stackoverflow.com/questions/10380840/disable-page-transition-on-data-role-header-at-jquery-mobile）。 –

讓那裏「位置：固定」，這將工作 – 2013-10-09 10:48:18

@FrédéricHamidi我以前使用過這個答案，但它增加了我的頁面高度的標題的高度。如何控制這種行爲？ – Prakash

使用的數據ID和數據位置保持頁面的頁眉和頁腳穩定，只移動內容做這樣的在頁眉和頁腳

<div data-role = 'header' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'>

來源

2013-10-09 11:04:44

我之前使用過這個答案，但是它通過頭部的高度增加了我的頁面高度。如何控制這種行爲？ – Prakash

HTML5 - 保持頁面轉換之間的頁眉和頁腳穩定頁面轉換

回答

相關問題