1

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>

10
  • 2
    Si el id del <div> es scrollbox, deberías usar $('#scrollbox').append(...)... como primer paso. Commented el 18 mar. 2016 a las 20:49
  • ¿Puede ser que el error sea que invocas la url equivocada? url: "estrutura.html" parece que falta una "C" debería ser estruCtura.
    – Diego
    Commented el 19 mar. 2016 a las 1:38
  • jajaja @Equiso no, suelo escribir los nombres mal intencionadamente cuando no son archivos definitivos.
    – Ivan Soler
    Commented el 19 mar. 2016 a las 1:54
  • A cualquiera le puede pasar, solo me aseguraba :). Cuando dices que no funciona ¿es porque sale algún error o simplemente no agrega nada?
    – Diego
    Commented el 19 mar. 2016 a las 1:59
  • @Equiso no agrega nada en absoluto...
    – Ivan Soler
    Commented el 19 mar. 2016 a las 2:21

1 respuesta 1

1

Prueba a añadir un alert aqui para comprobar que la funcion realmente devuelve el html:

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

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.