IOS 5 (safari) bug with HTML touch events on “position:fixed” div

Question

I have a position:fixed div on a scrolling web page.

At first the event works, but when the page scroll, while the fixeed divs stays in place, its \"touch\" zone seems t

Answer 1

I found a relatively strange solution to this bug. By adding a touchstart event listener and a blank event handler, it somehow seems to move the touch area on manual touch. I do not know if this is a solution for the JavaScript scroll issue.

Code:

document.getElementsByTagName("body")[0].addEventListener("touchstart",function(){});

Credit for finding this method goes to pamelafox in this github bug discussion.