smooth-scrollbar icon indicating copy to clipboard operation
smooth-scrollbar copied to clipboard

Smooth scrollbar in iFrame first sluggish 15FPS, after click/tap the full 60FPS

Open blauwberry opened this issue 6 years ago • 2 comments

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

blauwberry avatar Nov 26 '17 21:11 blauwberry

Iframe always behaves weird 😞. I'll keep an eye on this issue though I don't think it could be resolved.

idiotWu avatar Nov 27 '17 11:11 idiotWu

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.

blauwberry avatar Nov 27 '17 13:11 blauwberry