jQuery是一種非常流行的JavaScript框架，為開發者提供了許多便利的方法和函數。其中一個非常實用的函數是輪滑橫向滾動（Horizontal Scrolling）。
$(document).ready(function(){
$('.scroll-horizontal').mousewheel(function(e, delta) {
this.scrollLeft -= (delta * 50);
e.preventDefault();
});
});代碼中的scroll-horizontal是指要添加輪滑橫向滾動的元素的class，如下面的代碼所示：
<div class="scroll-horizontal">
<div>第一個內容</div>
<div>第二個內容</div>
<div>第三個內容</div>
<div>第四個內容</div>
<div>第五個內容</div>
<div>第六個內容</div>
</div>這段代碼將創建一個橫向滾動的
元素。通過添加scroll-horizontal class，我們可以使用上面的jQuery函數添加輪滑橫向滾動。
解釋一下上面的代碼：首先，我們使用jQuery的.ready函數確保網頁加載完畢再添加事件。然后使用.mousewheel函數表示當用戶用鼠標滑輪滾動元素時觸發事件。在函數內部，我們使用this.scrollLeft -= (delta * 50)來讓元素滾動。delta表示鼠標滑輪滾動的距離，乘以50是為了控制滾動速度。最后使用e.preventDefault()來阻止默認滾動行為（即阻止整個頁面滾動）。
通過使用上面的 jQuery 輪滑橫向滾動函數，我們可以方便地實現橫向滾動效果，為用戶提供更好的瀏覽體驗。
上一篇jquery輪播圖的要求
下一篇jquery輸入框補全