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

如何将页面滚动至底部时显示数据append();？如何使用append（）将页面滚动到底部时显示数据。

当你第一次加载网页的index.php它会显示出88888多br tag

当您滚动页面底部，我想展示88888多br tag用的append（）;功能，我该怎么做？

的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>

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>

来源

2014-09-13 takemoer ยังยังนา

像一个无限的滚动？为什么这么多br标签，就是为了在这个例子中创造空间？ – Quince 2014-09-13 06:11:30

不清楚你在问什么... – 2014-09-13 06:18:00

你的代码是正确的，它必须制定出

试试这个条件

($(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

或

$(window).scrollTop() + $(window).height() == ($(document).outerHeight(true)) // This will give the exact height

来源

2014-09-13 06:52:24 sanjeev

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

回答

相关问题