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