Comments on: iScroll v4.1.3 introduces performance mode

By: Robin Klein Schiphorst

Robin Klein Schiphorst — Tue, 18 Sep 2012 13:42:24 +0000

I was wondering if there is a way to check if it is currently being dragged and not clicked. But cause i have some jquery who checks if the list item is being clicked, but it is also activated when being dragged.

Very nice script, good work also on the other ones.

By: erik

erik — Thu, 21 Jun 2012 08:06:40 +0000

@JSON MRAVA
i think that size of wrapper and elements to scroll should be knowed when initialize iscroll.
Try popolate list by json and then create iscroll istance.

By: jSon Mrava

jSon Mrava — Wed, 02 May 2012 05:08:42 +0000

Hi Mattheo,

I am using a jSon file tot populate my list. When populating hardcoded iscroll works fine. But not white à jSon file?

Is this à known issue?

By: codenamezero

codenamezero — Thu, 08 Mar 2012 19:18:22 +0000

DANG IT…!

div id=”outerHorizontalSlider” absolute
>> div id=”wrapper1″ relative with scroller1
>> div id=”wrapper2″ relative with scroller1
>> div id=”wrapper3″ relative with scroller1
end div

By: codenamezero

codenamezero — Thu, 08 Mar 2012 19:17:30 +0000

A bit mess up but I tried to type:

with scroller1
with scroller1
with scroller1

By: codenamezero

codenamezero — Thu, 08 Mar 2012 19:16:42 +0000

I had problem using iScroll if I try to put multiple iScrolls inside a div. So picture something like this:


with scroller1

with scroller1

with scroller1

The scroll won’t work as your code will take:
that.wrapperH = that.wrapper.clientHeight
and then
that.maxScrollY = that.wrapperH - that.scrollerH + that.minScrollY;
maxScrollY will just become 0.

I did a quick hack and got multiple iScroller to work with position: relative.

In the constructor:

// hack to properly set it to relative // that.wrapper.style.position was empty for some reason, had to use jQuery to fetch it that.wrapper.style.position = $(that.wrapper).css('position');

Then inside the refresh:
if (that.wrapper.style.position == 'relative') { that.wrapperH = that.wrapper.parentNode.clientHeight || 1; } else { that.wrapperH = that.wrapper.clientHeight || 1; }

This fixes the iScroller using position: relative.

Is kinda ugly hack, but works for what I am trying to do.

By: Matteo Spinelli

Matteo Spinelli — Sat, 06 Aug 2011 07:51:56 +0000

Hi Hunlon, thanks for your report. Would you share your modifications?

By: Hunlon Sue

Hunlon Sue — Sat, 06 Aug 2011 06:50:43 +0000

Hi Matteo,
I’ve been working with iScroll4 for a few months incorporating it into my new iPad app. I have found a few problems that affected its functionality in my app. It took a while but I think i’ve sorted out the issues as it affects me. The problems relate to use of snap:’element’ and the section that has errors is in the refresh() code.

PageX and PageY arrays
The arrays built in the original code are only useful if you are using 1-D pages, ie just cells in a row or cells in a column. On a page structured like a table everything gets messy. What I did for my app was to build the arrays more carefully tracking the last x and y pos to determine when a new entry should be added to the array.

Scale is not needed for the PageX and PageY calculations
Scale has already been applied before the refresh code is reached so when the call to querySelectorAll is made, the co-ordinates have already been adjusted for scale. Therefore the pos.x * that.scale; and pos.y * that.scale; are not necessary.

querySelectorAll doesn’t return co-ordinates in the necessary frame of reference
I have found that I had to normalise the co-ordinates relative to the first element returned from querySelectorAll.

The changes I made to the code only address my requirements and may not be suitable for a general implementation.

Anyway, thanks for the work that you have put into this piece of code and hope that these comments help you.

Regards,
Hunlon.

By: Jeff j

Jeff j — Fri, 05 Aug 2011 01:00:54 +0000

Excellent as usual
can you make a demo example of your 2way scroll using 1Scroll 4.1? I love the performance of 2way on the old iscroll 3.7 and would like to upgrade it but it seems that your magic ninja Safari Css3 Javascript is beyond me.

By: Matteo Spinelli

Matteo Spinelli — Tue, 28 Jun 2011 13:18:36 +0000

thanks for the heads-up