ScrollTrigger.normalizeScroll(true) disables the long touch event on Android and IOS mobile devices.

[w3specialists.com]

Dear Support,

 

We are developing a website that has Scroll Smoother applied on the whole page with multiple scrolltriggers applied.

We use normalizescroll(true) globally on all pages so that it follows scroll correctly (Android and IOS).

But this options breaks the <a href> elements on touch hold event.

Specifically on mobile devices when you hold a <a> element it fires the click event.

When we disable normalizescroll it doesnt fire the click event when you hold a <a> element.

 

We created a small codepen to recreate the issue. Please visit it from mobile devide(preferably Android with Chrome). We have fully updated softwares.

See the Pen GRLpbVd by w3specialists (@w3specialists) on CodePen

[GreenSock]

Honestly I'm not sure how that could be resolved because in order for normalizeScroll() to do what it must do, it's essential that it call preventDefault() on the touchstart event. If anyone has ideas, I'm all ears. Sorry, @w3specialists.com, I wish I had a silver bullet here. 🤷‍♂️

[w3specialists.com]

We have thought a workaround but we don't know if it's optimal.

 

$('a').on('touchstart', function(){

ScrollTrigger.normalizeScroll(false);

setTimeout(function(){

ScrollTrigger.normalizeScroll(true);

ScrollTrigger.refresh();

},400);

});

 

We would appreciate a feedback on it.

Edited March 11 by w3specialists.com
sorry for the identation, we tried fixing it

[GreenSock]

Is that working for you? If so, great. It doesn't seem to me like it'd solve everything, but if it works for you then who am I to argue? 🙂 I doubt you really need that ScrollTrigger.refresh() in that setTimeout(). 

[Rodrigo]

Have you tested this code while dragging your finger up/down? What happens after the timeout is done? 

 

If it works it works... 🤷‍♂️

 

Happy Tweening!

[w3specialists.com]

There is an issue on scroll on these elements. We have changed the code with a lot of conditions to make it work.

We have accepted the fact that it cant work with both scroll and hold event.