problem combining horizontal and infinite scroll

[Mark Juszczec]

Hi folks

I've been picking thru the demos trying to combine horizontal and infinite scroll.

I've been able to work thru all the problems but this one has me stumped.

myScroll = new IScroll('#wrapper', {

                mouseWheel: true,

                scrollX: true, scrollY: false,

infiniteElements: 'li',

dataset: requestData,

dataFiller: updateContent,

cacheSize: 1000

});

By specifying:

infiniteElements: 'li',

when the page gets rendered, all my <li> have transform in the style attr

<li style="transform: translate(0px, 0px) translateZ(0px);"></li>

<li style="transform: translate(0px, 144px) translateZ(0px);"></li>

<li style="transform: translate(0px, 288px) translateZ(0px);"></li>

.

.

.

<li style="transform: translate(0px, 4176px) translateZ(0px);"></li>

The end result is, instead of each element displayed in the same line - each element is 144px lower than the previous one.

How do I override that or turn it off?