Вам нужно будет создать свой собственный заголовок, который не является частью элемента <div data-role="page">.Обычно вы добавляете свой верхний / нижний колонтитул как дочерний элемент элемента <div data-role="page">, но это заставляет их переходить с остальной частью страницы.
Чтобы удалить верхний колонтитул из переходов, вы можете расположить свой собственный верхний колонтитул сверху.страницы, а затем добавьте заполнение к элементам data-role="content" div, чтобы заголовок не скрывал никакого содержимого.
<style>
#my_header {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 50px;
z-index : 1000;
overflow : hidden;
}
[data-role="content"] {
padding-top : 50px;
}
</style>
<body>
<div data-role="page">...</div>
<div id="my_header">...</div>
</body>
<!-- Notice the header div is not nested within any data-role="page" divs -->
Я не проверял это, но я делаю что-то похожее для меню всего сайта, и оноработает отлично.Страницы должны переходить за заголовком, а заголовок должен оставаться на месте.