Comments on: iScroll 3.5 adds scrollToElement()

By: LOLMAN

LOLMAN — Fri, 18 Nov 2011 13:23:52 +0000

Omg do you rly thinkg Sencha Touch is soo great? You should give yourself another Name, l33tboy..

By: Colleen Liley

Colleen Liley — Mon, 03 Jan 2011 15:33:59 +0000

You said that “Currently iScroll doesn’t check for location hash nor hash changes (eg: index.html#id). This can be easily implemented and I’m evaluating if this feature should be included in the default script.”

Could you provide a quick example of how to achieve this please?

By: Brian

Brian — Thu, 11 Nov 2010 07:43:43 +0000

Hi Matteo,

I’m having a new issue with select inputs (unrelated to those already solved on this thread)

When clicking on a select input that is *towards the bottom* of the scrollable area, and the native iPhone UI appears on the bottom, the content within the wrapper is shifted up. When you close the select options, you can only view the area from the bottom of the content minus the mask height– you can’t scroll up past the bottom-most visible area. I tried calling the refresh() method on the change event of the select input but that doesn’t seem to work.

I’ve only tested this on iOS4. Let me know if you have any insight as to why this may be happening, or if you need a more descriptive bug report.

By: Matteo Spinelli

Matteo Spinelli — Mon, 23 Aug 2010 07:10:49 +0000

this is weird. I’ll check it out.

By: Ellsass

Ellsass — Mon, 23 Aug 2010 02:07:22 +0000

It seems to work just fine for classes (div.myClass) but not IDs (div#myId). If it makes a difference, the IDs I’m trying are 10-digit numbers. I am converting them to strings before calling scrollToElement() just to be safe.

My work-around has been to add the class “jumpTo” to document.getElementById(myId) and then call scrollToElement(‘div.jumpTo’), which seems unnecessary, but it works.

By: Matteo Spinelli

Matteo Spinelli — Thu, 12 Aug 2010 09:23:55 +0000

If hash is the id of the element you want to scroll to… all you have to do is to watch for hash changes and scrollToElement(hash). iOS and Android>=2.1 support hashChange event, for the others you have to set a timeInterval.

By: blobb

blobb — Thu, 12 Aug 2010 08:40:40 +0000

this is what i did on the window onload function (using jquery):

$(‘#wrapper’).find(‘select, input:checkbox’).each(function(i) {
$(this).bind(‘touchstart’, function(e) {
e.stopPropagation();
});
});

That way i don’t need to mess with the iscroller script.
I did have to move the e.preventDefault() from touchStart() to touchMove(), but that’s for another problem.

By: blobb

blobb — Thu, 12 Aug 2010 06:33:49 +0000

Hi Matteo,

Great script!
You mentioned something about how iscroll is not currently checking for location hash and that it’s simple implementation. Would you mind letting me know how to implement the location hash for iscroll?

Thanks!

By: towser

towser — Tue, 10 Aug 2010 06:26:24 +0000

a workaround I made to make the “select” field working is the following :

in the touchStart function just replace :
——
e.preventDefault();
e.stopPropagation();
——
by
——
if (e.target.nodeName != “SELECT”) {
e.preventDefault();
e.stopPropagation();
}
——

for me it works fine.

Hope this helps

By: Freeed

Freeed — Thu, 05 Aug 2010 14:16:33 +0000

It works!! Thxs a lot!

I use 4 iScroll objects in my app, some of them need to allow copy/paste and some other not.
Moving the e.preventDefault() in the touchMove method create some problems with iscroll objects where copy/paste aren’t allowed.
So my final solution is a new iscroll option, which can do the e.preventDefault in the touchStart method by default, and in the touchMove method if the option is set!

If it can help! This works.