Javascript 点击屏幕底部触发的Ajax调用在android设备上不工作？

嗨，我有一个ajax调用，当用户一直滚动到屏幕底部加载更多内容时将运行该调用：

$(document).ready(function() {
        $(window).scroll(function () {
          if ($(window).scrollTop() >= ($(document).height() - $(window).height())) {
             //make ajax call and do something on response.
}
});

});

这在windows上运行良好，但是我已经在两个不同的android设备上测试过了，这不起作用

我的html如下所示：

<div id="main-content">
/* CONTENT HERE */
</div>
<p id="loading-progress">
/* LOADING ANIMATION HERE */
</p>

/*满足于此*/

/*在这里加载动画*/

因此，加载动画就在屏幕的底部，当用户点击屏幕底部时，会对新数据进行ajax调用，然后将新数据附加到

div

#main content

中，加载动画被隐藏

对于android（可能还有ios；未经测试）设备上出现这种行为的原因，我感到困惑

有人有什么建议让我试试吗