无法使用 iScroll 水平滚动答案

【问题标题】：Cannot scroll horizontally with iScroll无法使用 iScroll 水平滚动
【发布时间】：2014-10-06 12:43:39
【问题描述】：

我想水平滚动以下 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。有什么想法吗？

【问题讨论】：

标签： javascript iscroll

【解决方案1】：

不使用 iScroll 也可以做到。

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

#outer{
    ...
    overflow:scroll;
}

【讨论】：

【解决方案2】：

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

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

【讨论】：