HTML5 - сохранить верхний и нижний колонтитулы между переходом страницы

Question

Есть ли способ сохранить верхний и нижний колонтитул страницы стабильными и перемещать только часть содержимого страницы в jquerymobile при переходе между двумя страницами?

У меня есть следующие две страницы

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

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

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

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

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

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

логика:

• Мне нужно использовать переход между слайдами между страницами.
• Am использованием JQueryMobile, PhoneGap

Вопросы:

• Как сохранить верхний и нижний колонтитулы на странице стабильной? то есть только часть содержимого перемещается при переходе
• Я ожидаю, что он будет работать на устройствах ios и android.
• Есть ли какой-нибудь css способ сделать это?

Answer 1

использование данных идентификатор и данные позиция, чтобы верхние и нижние колонтитулы страницы стабильные и двигаться только содержание делать подобное в верхней и нижних колонтитулах

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