Mobile Safari full screen and fixed position elements display issue!!

Elements are not always fully appearing. While scrolling i see render issue (not rendering part of the element) until scroll ends.Simplest solution ever…

It depends on version of iOS. I did not test it with older version. tested with iOS 9.3

 /* css code */
div.mydiv {
  transform: translate3d(0px, 0px, 0px);
}

Also replacing canvas instead of the element fixes the issue. Tested by replacing image with canvas…..

You might also experiencing another issue related to this. Click here

Leave a Reply

Your email address will not be published. Required fields are marked *