Skip to main content
P
Pixelware
Participant
December 1, 2016
Question

Create JS animation flashes when scrolling viewport on Android

  • December 1, 2016
  • 1 reply
  • 605 views

I have a small animation exported as Create JS for part of a web page - this isn't a fullscreen animation. It looks fine on the iphone and on the desktop but on Android 6.0 Chrome the animation flashes on and off (briefly disappears completely then back again) when you scroll the viewport with your finger - it doesn't look great. Does anyone know how to get around this?

This topic has been closed for replies.

1 reply

Colin Holgate
Colin Holgate
Inspiring
December 1, 2016

You need to add lines to your HTML to prevent the canvas area of the screen from highlight, and often you want to prevent it from scaling. These lines near the top of the HTML would help:

<meta name="viewport" content="user-scalable=no">

<style type="text/css"> 

* { 

    -webkit-touch-callout: none; 

    -webkit-user-select: none; 

  -webkit-tap-highlight-color: rgba(0,0,0,0);

} 

</style> 

P
PixelwareAuthor
Participant
December 1, 2016

Thanks for the reply Colin. I've tried what you've suggested but unfortunately there is no change to the behaviour.

P
PixelwareAuthor
Participant
December 7, 2016

It would appear to be the responsive javascript code that Adobe Animate produces that does not work correctly on Android Chrome. Setting the responsive parameter to false doesn't fix the issue but actually removing the whole 'makeResponsive' function does fix the issue BUT the animation is now obviously not responsive.

Bring back Flash - at least it worked.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices