Sencha Ad Issues when scrolling on mobile / desktop page

We built an animated banner with Sencha Animator 1.3 but it has a scrolling issue on mobile pages and even on a plain webpage with absolute zero javascript.

Whenever you scroll on a mobile page or a desktop page, the Sencha animated HTML starts showing weird display issues. It is fine as long as you don't scroll on the mobile/website page though.

Any thoughts on why this is happening?
See attached screen shot

View banner on ipad or tablet, scroll down on page to see issues.

http://216.245.216.199/files/shared/crisp/index.html




Attachment 41663

I have seen some issues on ios when zooming/scrolling. The first thing I'd try is to put a keyframe at 0 seconds for any object that is animated if it doesn't have one already. Animator should automatically copy the first keyframe if you create a keyframe before the first existing one, so it shouldn't change any behavior.

Basically, this will remove the reliance on the animation-delay css property which might help keep the timing more consistent.

http://jacksonphillipsinc.com/800x90...-V3/index.html
http://jacksonphillipsinc.com/Samsun...250/index.html
http://jacksonphillipsinc.com/1280-90-Sencha1/index.html

Try these on a tablet and when loaded, scroll the page to see issues

Did you try adding a keyframe at 0 seconds for any objects that is animated?

Yes, it worked perfectly. Thank you.

Do you if or when Sencha will support microsoft surface tablet?

Great!

Unfortunately, I can't comment on future releases/features.

no problem, thanks for the awesome help!