为什么当我使用touchstart事件滚动后不会被触发？

Question

我已经在网络应用中将我的固定定位页脚附加了一个touchstart事件

所以结构是这样的：

<div id="content">i am a looong content.</div>
<div id="footer">i am tappable!</div>

和这样的代码：

$("#footer").on('touchstart', function(e) { alert("tapped"); });

问题是，当我向下滚动页面以阅读（长）内容时，我的页脚的touchstart事件才会停止工作！它不再被召唤了。

有谁知道为什么会这样？提前谢谢。

更新

以下是我的确切情景：

http://contoso2.azurewebsites.net/quiz/testing

使用iPad，如果向下滚动，页脚中的按钮不会被触发。