Hola he estado ensamblando este código que funciona en su parte de la condición de la altura del scroll pero no en la parta en la cual el AJAX tiene que meter de forma automática el .html qué falla?
$(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>
<div>
esscrollbox
, deberías usar$('#scrollbox').append(...)
... como primer paso.url: "estrutura.html"
parece que falta una "C" debería ser estruCtura.