Javascript 在移动设备不工作的情况下使用.scrollTop动画

我有一个页脚，当用户在页面底部向下滚动时会出现，但出于某种原因，它似乎不适用于移动设备，尤其是ipad，而且在那里似乎很挑剔。有时有效有时无效，只有在垂直使用ipad时才有效

<script type="text/javascript">
var $window = jQuery(window);
var   $document = jQuery(document);
var  footer = jQuery('.footer');

footer.css({opacity: 0});

$window.on('scroll', function() {
  if (($window.scrollTop() + $window.innerHeight()) == $document.height()) {
    footer.stop(true).animate({opacity: 1}, 250);
  } 
  else {
    footer.stop(true).animate({opacity: 0}, 250);
  }
});
</script>

var$window=jQuery（window）；
var$document=jQuery（文档）；
var footer=jQuery（'.footer'）；
css（{opacity:0}）；
$window.on（'scroll'，function（）{
如果（$window.scrollTop（）+$window.innerHeight（））==$document.height（））{
footer.stop（true）.animate（{opacity:1}，250）；
} 
否则{
footer.stop（true）.animate（{opacity:0}，250）；
}
});

只是在页面底部淡入淡出。我环顾四周，似乎有几种方法可以做到这一点，我想知道最有效的解决方案

我以为我在不久前找到了一个解决方案，但似乎再也找不到那个问题了，这需要我挖掘很多

---

我不确定移动设备的所有因素是否都与我目前的解决方案不兼容，因此我很难确定需要调整哪些因素。谢谢。

实际解决的问题是，如果我使用“==”，它需要是准确的文档高度，在移动设备中，视点在移动或滚动时不会触发脚本，因此我没有在我的条件下将“==”更改为“>=”，然后将高度添加到我的视口中

if (($window.scrollTop() + $window.innerHeight()) >= $document.height())

在我的标题视口标记中

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">

而且它工作得很好