How to fix position of fixed element after page scroll programmatically?

Question

JavaScript

Known on the Internet bug in iOS (MobileSafari). After scrolling the page with javascript (.scrollTo() jQuery plugin), all fixed-elements inside the page actually remain in their old places. In my case, this is the menu. Although it is drawn in the same place, you can’t click on it until you touch the page with your finger and move the entire page downward.

How to fix? Nobody faced? Tips from StackOverflow didn't help.

I tried to set the offset of the document to +1px after the animation, it did not help. I tried after the animation to change the position to relative for 300ms, it does not help either.

Answer 1

Have you tried uninstalling and reinstalling?

Answer 2

Try pulling the element out of the DOM and sticking it back in using .detach(), .appendTo().