iOS 9 Safari: changing an element to fixed position while scrolling won't paint until scroll stops

Question

I\'ve been developing a site and taking advantage from the rather good jQuery Sticky Kit plugin. It operates by switching the position property to fixed

Answer 1

I had this same issue and was able to hack around it using the old "force a 3D transform" trick. Just set the element you are going to switch the position of to have a transform property of translate3d(0px,0px,0px). Make sure this is done before the position property is changed.