Cannot scroll horizontally with iScroll

Question

I want to scroll horizontally the inner divs in the following html:

<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> 

Im using iscroll to do this. However, im not able to scroll, though the scrollStart event is triggered as I try to scroll. The jsfiddle is here . Any ideas?

Answer 1

You can do it without using iScroll.

In CSS, change the #outer overflow value to "scroll" as below

#outer{
    ...
    overflow:scroll;
}

Answer 2

Simply set scrollX to true, like this:

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