Javascript 如何在使用append（）将页面滚动到底部时显示数据；

如何在使用

append（）将页面滚动到底部时显示数据

首先，当您加载page index.php时，它将显示88888和更多
br标签

当您将页面滚动到底部时，我想用append（）显示88888和更多
br标签
；功能，我怎么做

index.php

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script>
$("#fid").submit(f1());
</script>


<form method="post" id="fid" action="Javascript:void(0);" >
    <input type='hidden' id='numbers' name='numbers' value='88888'/>
</form>
<div id="demoajax">

<script>
function f1(){
    $('#demoajax').hide();
    $.ajax({
        url: 'demo.php',
        type: 'POST',
        data: $('#fid').serialize(),
        success: function(data){
            $('#demoajax').show();
            $('#demoajax').html(data);
            }
        });
    return false;
}
// on load page call function code //
$(document).ready(f1());
</script>

<script type="text/javascript">
  $(document).ready(function(){
    $(window).scroll(function(){       
       var height = $('#demoajax').height();
       var scroll_top = $(this).scrollTop();       
        if(($(window).scrollTop() + $(window).height() == $(document).height())){           
            $('#demoajax').hide();
            $('#protect_form_between_ajax_process').show();
            $('#loading').show();
            $.ajax({
                url: 'demo.php',
                type: 'POST',
                data: $('#fid').serialize(),
                success: function(data){
           $('#demoajax').append(data);
                    }
                });
            return false;
    }
    return false;   
    });
}); 
</script>


$（“#fid”）。提交（f1（））；
函数f1（）{
$（'#demoajax'）.hide（）；
$.ajax({
url:'demo.php'，
键入：“POST”，
数据：$（'#fid'）。序列化（），
成功：功能（数据）{
$（'#demoajax'）.show（）；
$（'#demoajax'）.html（数据）；
}
});
返回false；
}
//加载页面调用函数代码//
$（文档）.ready（f1（））；
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
变量高度=$（'#demoajax'）.height（）；
var scroll_top=$（this.scrollTop（）；
如果（$（window.scrollTop（）+$（window.height（）==$（document.height（））{
$（'#demoajax'）.hide（）；
$（“#在_ajax_进程之间保护_表单”）.show（）；
$（“#加载”）.show（）；
$.ajax({
url:'demo.php'，
键入：“POST”，
数据：$（'#fid'）。序列化（），
成功：功能（数据）{
$（'#demoajax'）。追加（数据）；
}
});
返回false；
}
返回false；
});
}); 

demo.php

<?PHP
echo $_POST[numbers];
?>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


























































































































































































































您的代码是正确的，必须解决

试试这个条件

 ($(window).scrollTop() + $(window).height() >= ( $(document).height()  - 200)) //  This will ensure that ajax call is send when there is 200px area left for user to scroll

或

像一幅无限的卷轴？为什么这么多br标签，在这个例子中只是为了创造空间吗？不清楚你在问什么。。。
 $(window).scrollTop() + $(window).height() == ( $(document).outerHeight(true)) // This will give the exact height