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?