smooth-scrollbar
smooth-scrollbar copied to clipboard
Smooth scrollbar in iFrame first sluggish 15FPS, after click/tap the full 60FPS
When using smooth scrollbar 8.2.4. in an iFrame on an iPad iOs11 it does work. I can directly swipe the page and scroll with the default settings. The strange thing is that the scrolling is only smooth after i clicked / tapped the page.
So :
- I open the page
- Swipe down
- The scroll feels sluggish like 15 FPS
Now i just tap/click the page once
- The scroll feels smooth like 60FPS
Any ideas what is may causing this problem? I tried to auto-focus the iframe but this is not changing te behavior.
Testlink with iframe on iPad (Smooth-scrollbar) website included : http://flextest-cd63cd.webflow.io/iframecheck
Iframe always behaves weird 😞. I'll keep an eye on this issue though I don't think it could be resolved.
When checking the page on older iOs versions everything seems ok. It looks like iOs11 needs a user-click to activate hardware acceleration inside the iframe. Strange that the swipe itself is not recognized as user input but a separate click does.
I can see it happening with other websites containing hardware accelerations. Animations run sluggish in the iframe, but after the click on the iframe running smooth.
We tried to fake the tap/click but this is not working. So i think your right, it's a new global iOs11 limitation where a user needs to activate the iframe before making use of hardware acceleration.