Infinite Scroll With Jquery and Ajax

Question

Infinite Scroll With Jquery and Ajax

Navigation

#1 by (1 votes)

1

Hello, I have been assembling this code that works in its part of the condition of the height of the scroll but not in the part in which the AJAX has to automatically enter the .html which fails?

$(document).on('scroll', function() {
    var distanceFromBottom = Math.floor($(document).height() - $(document).scrollTop() - $(window).height());

    if(distanceFromBottom < 10000) {
           $.ajax({
  url: "estrutura.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});
        }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="scrollbox">
        <div id="page_1" class="pagina">rr</div>
        <div id="page_2" class="pagina">rr</div>
        <div id="page_3" class="pagina">rr</div>
        <div id="page_4" class="pagina">rr</div>
        <div id="page_5" class="pagina">rr</div>
        <div id="page_6" class="pagina">ee</div>
        <div id="page_7" class="pagina">rr</div>
        <div id="page_8" class="pagina">rr</div>
        <div id="page_9" class="pagina">rr</div>
        <div id="page_10" class="pagina">rr</div>
        <div id="page_11" class="pagina">ee</div>
        <div id="page_12" class="pagina">rr</div>
        <div id="page_13" class="pagina">rr</div>
        <div id="page_14" class="pagina">rr</div>
        <div id="page_15" class="pagina">rr</div>
        <div id="page_16" class="pagina">ee</div>
        <div id="page_17" class="pagina">rr</div>
        <div id="page_18" class="pagina">rr</div>
        <div id="page_19" class="pagina">rr</div>
        <div id="page_20" class="pagina">rr</div>
        <div id="page_21" class="pagina">ee</div>
        <div id="page_22" class="pagina">rr</div>
        <div id="page_23" class="pagina">rr</div>
        <div id="page_24" class="pagina">rr</div>
        <div id="page_25" class="pagina">rr</div>
        <div id="page_26" class="pagina">ee</div>        
    </div>

javascript jquery html

asked by Ivan Soler 18.03.2016 в 21:15

source

1 answer

Two arrays in the same layout Is it possible to make the average of all the values of a collection related to ObjectId?

score 1 · Accepted Answer

Try to add an alert here to verify that the function really returns the html:

if(distanceFromBottom < 10000) {
    $.ajax({
        url: "estrutura.html",
        cache: false,
        success: function(html){
           alert(html)
           $("#results").append(html);
        }
    });
}