在網頁中，有時我們需要在一定的寬度范圍內展示多個內容，因此需要使用橫向滾動條。下面介紹使用jquery實現橫向滾動條的方法。

首先，在HTML中創建需要橫向滾動的內容塊，給外層添加一個固定寬度的div，并在內部添加需要展示的內容，如下：

<div class="scroll">
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素3</li>
<li>元素4</li>
<li>元素5</li>
<li>元素6</li>
</ul>
</div>

接下來，在CSS中對該div進行樣式的設置，如下：

.scroll{
width: 500px;
overflow-x: scroll;
}

其中，overflow-x: scroll; 表示當元素盒子寬度不足以容納元素塊時，將會出現水平滾動條。

最后，在jquery中調用Scrollify插件，使滾動條滑動更為舒適，代碼如下：

$(document).ready(function(){
$(".scroll").scrollify({
easing: "easeOutExpo",
scrollSpeed: 800,
offset: 0,
before: function() {},
after: function() {},
onComplete: function() {}
});
});

以上代碼已在jquery和Scrollify插件的基礎上實現了div橫向滾動條的效果。希望對大家有所幫助。