9

I've been searching around to find out what events are triggered when you scroll on an iPad on webpages.

There is this source: https://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Which indicates the following are fired:

ontouchstart="touchStart(event);"

ontouchmove="touchMove(event);"

ontouchend="touchEnd(event);"

ontouchcancel="touchCancel(event);"

The problem is how to deal with the momentum scrolling when a user flicks to scroll. I think the onsroll event only fires when the scrolling has finished.

Does anyone know if any events are fired when the momentum scrolling is occuring so you can do checks as the page is scrolling under this 'momentum'?

cheers

Sam
  • 2,427
  • 2
  • 23
  • 26
  • 3
    Have you checked if the `scroll` event on the window fires during momentum scrolling? Example: `$(window).scroll(function(){ console.log('scrolling') });` – Klaas Leussink Jan 24 '13 at 13:01
  • It's currently not possible to [open a dev console](http://superuser.com/questions/614671/how-do-you-open-the-developers-console-on-chrome-on-an-ipad) on an iPad. However, from my limited experience, it does not fire when the window is momentum scrolling. – d_rail Oct 22 '15 at 21:11
  • You can use Safari Web Inspector to debug Safari on iOS. This capability has been [around for a while.](https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787) – bvpb Nov 01 '17 at 01:12

2 Answers2

2

The problem is that on an iPad the scroll does not continuously fires. It only fires once when you stop scrolling. As far as I know you cannot solve this.

On the desktop this is not the case. Here during scrolling the browser continuously fires the scroll event.

I noticed this behaviour when I was working on a parallax scrolling website. On iOS everything stuttered because the scroll event was only firing once.

However it is possible to simulate as described here: javascript scroll event for iPhone/iPad?

Community
  • 1
  • 1
Bas van Dijk
  • 9,933
  • 10
  • 55
  • 91
0

Use this code

document.addEventListener('touchmove', function(e) {console.log('touch move', $(window).scrollTop())}, true);

it fires even during touches.

Erik
  • 11,944
  • 18
  • 87
  • 126