Firefox Mobile

[jeanbaptistemora]

Hello :)

I've got a little bug, but I'm not sure if it comes from jquery.event.move...

In my application, you have like a "picture frame" inside of which you can scroll (desktop) or touch and slide (mobile) up/down to trigger a change in the picture displayed (they are cat-petScan/MRI sections), in increments.

I've implemented jquery.event.move to trigger this change and it works perfectly on Chrome Mobile and Safari Mobile. But with Firefox Mobile it seems that the default-native-scrolling is not disabled, the whole page scrolls !

The code looks like that :

    $(this).bind('move', function(e) {
        if (e.deltaY < 0) {
            prevFrame();
        } else if (e.deltaY > 0) {
            nextFrame();
        }
    });

I read (here : http://stephband.info/jquery.event.swipe/) that "Move events, by default, override native scrolling, as they assume that you want to move something rather than scroll the window". And indeed on Chrome/Safari it seems like it.

One thing I've noted is that it's not really consistent, you can obtain the desired effect by going sideways ("creating" a positive e.deltaX) first, it seems to "unlock" something and then the whole page stops to scroll and the sections pass. Reciprocally, if you are careful and only go vertically (keeping e.deltaX null), you never trigger the sections but instead scroll the whole page...

In pratice, the first few millimeters are almost always vertical and then the finger naturally goes a little sideways, so the page scrolls a little bit and then the desired sections scrolling takes place.

Have you had any problems like that, and/or with Firefox Mobile ? Thank you ! Jeb