Full Screen Animation on Main Menu is bouncing on iOS

So I have been having an issue for the last couple of days and it is driving me absolutely off the wall.

I am building a mobile game for both Android and iOS, one of the things we have is an animation for the main menu. It isn’t anything much it is just a globe that rotates, and the main player moves his arm a little bit, something basic. It is 12 frames of animation.

I imported the sprite sheet and sliced it in a grid by cell count, so that each of the frames is the exact same size. Each frame is 600*300, and I have attached a screenshot to show the import settings into unity.

The main menu consists of a few buttons, each of these buttons is supposed to line up with one of the television screens in the background. So I created a canvas, and to be able to get the animation to display as the background what I did was I made a UI Panel object, made all of the buttons children of the panel, and in the sprite section of the panel script I selected the first frame of animation of the sprite sheet. I then added an animator to the panel, and created an animation and set it to start animating when the object is created.

It works perfectly, or so I thought. Inside of the unity editor it animates smoothly, inside of unity remote it animates smoothly, on my Nexus 4 and Galaxy S4 it animates smoothly, but when I created an iOS build I saw a problem. It looks like the whole panel bounses. I will post a link to a youtube video of the glitch, and it may be a little bit hard to see in that video, but if you look at the buttons you can see the background move up and down, but it isn’t the buttons moving, i can assure you. It looks like the entire panel is just bouncing up and down.

I know that the panel isn’t bouncing, because if I disable the animator and re-compile the issue goes away, so it seems to have something to do with the animation. I have tried everything I can think of to get the issue to go away. I have tried adjusting the anchors of all of the UI elements.

I have actually defeated the panel and instead attached the animator to a UI image and made all of the buttons children of the UI image, I have switched the canvas rendering mode from screen space overlay to screen space camera.

Nothing has resolved this issue, and just to reiterate, it works as intended in the Unity Editor, Unity Remote and Android, this is an issue that I am only experiencing on iOS (I have an iPhone 6).

I am at my wits end with this glitch and I would really appreciate some help.

Ok so I fixed it.

What I ended up doing was instead of having the animation be a part of the Canvas I just brought the sprite into the scene and made its dimensions wide enough that it took up the full frame of the camera.

I then put the Canvas render mode into world space, and moved the buttons to their appropriate spots on the sprite. After fiddling with the UI elements anchors for a little bit, I actually got it working on every landscape resolution under the sun and I am now feeling pretty good.