How to trigger wheel event on mobile

Question

I'm trying to implement a new feature on my site, namely moving between form pages using the mouse wheel. I tried to use event "wheel" which perfectly works on desktop, however does not trigger on mobile (iphone - Safari and Chrome). I assume the mobile APIs of these browsers just do not support it, so I'm curious how to trigger it somehow.

I've tried wheel event and mousewheel as well - neither works. I'm listening along with "wheel" the event "scroll" to prevent change form pages if scroll does not reach top or bottom of the page. As I said desktop - perfect, mobile (iphone) - does not work at all.

probably, this can help- https://stackoverflow.com/questions/2863547/javascript-scroll-event-for-iphone-ipad — RHN CHN, Nov 14 '22 at 17:18
Do you think it's normal to hook up a mouse to a mobile phone? Maybe there's a reason why mousewheel events doesn't work on mobile. Just sayin'. — Bqardi, Nov 14 '22 at 17:22
I need exactly wheel event because it triggers even if there is no scroll at all on the page which possible in my case, while scroll event can't do this — Кирилл Десятов, Nov 14 '22 at 17:27

score 1 · Accepted Answer · answered Nov 16 '22 at 03:32

On mobile you should listen to touch events, either touchend (if you want to move pages once the "scroll" motion is done) or touchmove (if you want to move pages during the scroll). Either way, in your event callback you can calculate if you're at the bottom of the page and then react accordingly:

if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
  // at bottom of page
}

How to trigger wheel event on mobile

1 Answers1