Jquery Overflow-x滚动不使用鼠标滚轮，仅在单击滚动条时工作

我的问题是在我的公文包页面上使用了水平滚动条。我设法使它工作除了一件事，它不滚动使用鼠标滚轮。。。。如果我点击并拖动该条，它就可以正常工作

你可以看到我的项目-点击公文包页面，它将滑下一个带有滚动条的面板。这是我的问题

我的结构是这样的：

 <div id="portfolio"><!--this is the sliding panel-->
  <div id="width"><!--this is the thumb container-->
    <article>  
    </article>
  </div>
 </div>

---

为什么我不能使用鼠标滚轮滚动？

要水平滚动，需要按住键盘上的shift键，然后在水平画布上滚动鼠标。对于您设计的站点来说，它工作得非常好

下面是一个用于水平滚动的jquery链接

---

很高兴您喜欢我的网站！：我不知道换档钥匙的事。非常感谢jquery解决方案！不客气。请遵循我提供的jquery链接。这肯定能解决你的问题。你链接到的页面是指在MacBook上的Chrome 68上不起作用的示例（即，使用鼠标垫）：无论你尝试向哪个方向移动，页面都不会滚动。

#portfolio {
     display:none;
     position:absolute;
     width:100%;
     height:400px; // may need to play with this 
     border-bottom:3px solid #CCC;
     top:0px;
     left:0px;
     z-index:99999;
     background-color:#fff;
     box-shadow: 0 0 37px 7px #000;
     overflow-y:hidden;
     overflow-x:scroll;
} 
#width {
    width: 3000px;
    height:320px;
    overflow-y:hidden;
    border:1px solid red;
    float: left;
}