jquery fadein＆amp; fadeout没有在iphone和ipad上工作

Question

在标准桌面浏览器上，以下代码均可正常运行：

<script>
$(window).scroll(function(){
  var leftToBottom = $(document).height() - $(window).height() - $(window).scrollTop();
  var distanceFromTop = $(window).scrollTop();
  if( distanceFromTop > 800 
        && !$("#content-about").is(":visible") 
        && leftToBottom > 2000) {
    $("#content-about").fadeIn("slow");
  }else{
    if( $("#content-about").is(":visible") 
          && (distanceFromTop < 800 
          || leftToBottom     < 2000 ) ){
      $("#content-about").fadeOut("slow");
    }
});
</script>

当浏览器向上或向下滚动时，div标签出现并消失。在ipad / iphone上，它会间歇性地工作，有时会出现，然后你会回去，它完全消失！ div标签的css设置如下：

#content-about {
width: 900px;
height:750px;
top:1200px;
position:absolute;
text-align:center;
}