Problem: After programmatically scrolling on iOS, fixed elements are not clickable until you manually scroll more.
Solution: create a 101% high div then (almost) immediately remove it.
CSS:
.iosfix { height: 101%; overflow: hidden; }
JavaScript:
window.scrollTo(0, _NEW_SCROLLTOP_); $('body').append($('<div></div>').addClass('iosfix')); setTimeout(function() { $('.iosfix').remove(); }, 500);
See the issue here.
0px
500px
1000px
1500px
2000px