jquery - iPhoneとiPadでjqueryのフェードインとフェードアウトが機能しない

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;
}