jQuery Mobile 是一款功能強大的移動端框架，它提供了許多用于構建移動應用的組件和工具。其中，上下滑動的功能是非常重要的，下面我們來看一下如何使用 jQuery Mobile 實現上下滑動。

<div data-role="page">
<div data-role="header">
<h1>上下滑動 Demo</h1>
</div>
<div data-role="content">
<p>這里是內容區域，可以上下滑動。</p>
</div>
</div>

上面的代碼中，我們創建了一個基本的頁面，并在內容區域添加了一段文本。為了實現上下滑動，我們只需要在 <div> 標簽中添加data-role="page"屬性，這樣就會自動實現上下滑動的功能。

當然，jQuery Mobile 還提供了一些其他的滑動功能。例如，我們可以在列表中添加滑動刪除的功能，代碼如下：

<div data-role="page">
<div data-role="header">
<h1>滑動刪除 Demo</h1>
</div>
<ul data-role="listview">
<li><a href="#">列表項1</a></li>
<li><a href="#">列表項2</a></li>
<li><a href="#">列表項3</a></li>
</ul>
</div>

在上面的代碼中，我們創建了一個包含三個列表項的列表。為了實現滑動刪除，只需要在 <ul> 標簽中添加data-role="listview"屬性，并且在每個列表項中添加<a>標簽。這樣就可以實現滑動刪除的功能。

以上就是關于 jQuery Mobile 上下滑動的相關內容，希望對大家有所幫助。