jQuery Mobile 是一個基于 HTML、CSS 和 JavaScript 的開源框架，專門用于創建手機和平板電腦上的 Web 應用程序。它提供了許多易于使用和高性能的 UI 組件和功能，以及自適應設計，使您可以輕松創建可在任何設備上使用的應用程序。

橫向滾動是 jQuery Mobile 的一個強大功能，它可以實現在某些情況下更方便的瀏覽和導航。例如，您可以使用橫向滾動來顯示許多圖像或產品的縮略圖，使用戶可以快速滾動并查看所有可用的選項。要創建橫向滾動，您需要使用 jQuery Mobile 的內置滾動視圖組件。

以下是創建橫向滾動的基本步驟：

<div data-role="page">
<div data-role="header">
<h1>橫向滾動演示</h1>
</div>
<div data-role="content">
<div class="ui-content-inner">
<h2>產品縮略圖</h2>
<div class="ui-scrollview-clip ui-responsive">
<div class="ui-scrollview-view ui-scrollview-paging">
<img src="img/product1.jpg" alt="Product 1" width="100px" height="100px">
<img src="img/product2.jpg" alt="Product 2" width="100px" height="100px">
<img src="img/product3.jpg" alt="Product 3" width="100px" height="100px">
<img src="img/product4.jpg" alt="Product 4" width="100px" height="100px">
<img src="img/product5.jpg" alt="Product 5" width="100px" height="100px">
</div>
</div>
</div>
</div>
</div>

在上面的代碼中，我們創建了一個具有標題和內容的頁面。在內容中，我們使用 ui-scrollview-clip 類來定義橫向滾動區域，并使用 ui-scrollview-view 類來包含要滾動的圖像。最后，我們使用 ui-scrollview-paging 類來指定每個頁面的寬度，以便它們可以水平滾動。

使用這個例子作為基礎，您可以根據自己的需要調整滾動視圖的大小和樣式，以便創建一個完全自定義的橫向滾動。