ScrollTrigger and ignoreMobileResize inside Instagram app

[Sublimio]

In scrollTrigger I use the ignoreMobileResize parameter to avoid some issues I have when the navigation bar is shown or hidden. Unfortunately, this parameter doesn't seem to work when the site is opened in-app, for example if the site is opened inside Instagram.

The interface in Instagram also has bars that show and hide, and these create the same problem that I had solved with the use of ignoreMobileResize.

[GreenSock]

We haven't heard anything like that - are the bars much bigger than the ones in the normal browser? The ignoreMobileResize feature only skips it if it changes the vertical window.innerHeight by 25% or less. 

 

You can disable the auto refreshing on all mobile devices like this: 

if (ScrollTrigger.isTouch) { // only do this on touch devices
  ScrollTrigger.config({
  	autoRefreshEvents: "DOMContentLoaded,load,visibilitychange" // notice this list doesn't contain "resize"
  });
}

Details: https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.config()