Javascript 无法使用iScroll水平滚动

我想在以下html中水平滚动内部div：

<div id="outer">
  <div id="inner">
    <div class="cell">
        cell 1
    </div> 
    <div class="cell">
        cell 2
    </div> 
    <div class="cell">
        cell 3
    </div> 
  </div>
</div> 

第1单元
第2单元
第三单元

---

我过去经常这样做。但是，我无法滚动，尽管在我尝试滚动时会触发scrollStart事件。JSFIDLE是。有什么想法吗？

您可以不用使用iScroll来完成

在CSS中，将#外部溢出值更改为“滚动”，如下所示

#outer{
    ...
    overflow:scroll;
}

---

只需将scrollX设置为true，如下所示：

var scroll = new IScroll('#outer', {
    scrollX: true
});