无法使用iScroll进行水平滚动

Question

我想在下面的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> 

我正在使用iscroll来执行此操作。但是，我无法滚动，虽然我尝试滚动时会触发scrollStart事件。 jsfiddle是here。有什么想法吗？

Answer 1

您可以在不使用iScroll的情况下完成此操作。

在CSS中，将#outer溢出值更改为＆＃34;滚动＆＃34;如下

#outer{
    ...
    overflow:scroll;
}

Answer 2

只需将scrollX设置为true，就像这样：

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