jquery - jquery淡入淡出在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;
}