iOS position: fixed + scroll bug

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