jQuery Mobile是一款流行的移動應用程序開發框架，它可以讓開發者快速地創建響應式頁面。其中一個常見的需求就是頁面固定。

<div data-role="header" data-position="fixed">
<h1>我的固定頁頭</h1>
</div>
<div class="ui-content" data-role="content">
<p>介紹一些內容，包括圖片和段落。</p>
</div>
<div data-role="footer" data-position="fixed">
<h1>我的固定頁腳</h1>
</div>

在上面的示例中，我們看到了如何使用jQuery Mobile實現固定頁頭和頁腳。頁面內容位于類為"ui-content"的div中，并且不會受到固定元素的覆蓋。

我們還可以使用CSS自定義固定元素的樣式：

.ui-header-fixed {
background-color: #333;
color: #fff;
padding: 10px;
font-size: 18px;
}
.ui-footer-fixed {
background-color: #f2f2f2;
color: #333;
padding: 10px;
font-size: 14px;
}

上述CSS代碼將固定頁頭和頁腳的背景顏色和字體樣式進行了自定義。

總之，使用jQuery Mobile實現頁面固定非常簡單，只需使用"data-position"屬性和正確的HTML結構即可。并且我們可以使用CSS自定義固定元素的樣式。