Serkronyx
12/20/2016 - 1:08 AM

Scroll

Scroll

Este es el codigo que se necesita para hacer que el scroll siempre se mantenga hasta abajo cuando se van agregando elementos dentro de un contendor.

En la parte del animate lo que hacemos es indicarle especificamente el contenedor que va hacer modificado puede ser $('html, body') esto quiere decir que dentro de html esta el body o como lo tenemos en este ejemplo $('div, sticker1') esto quiere decir que dentro de un div exite una clase o id llamado sticker1.

Y este codigo en general lo que hace es posicionarte en la parte superios del div que le indiques simpre va a bucar el div en este caso mi div tiene la clase .div_btn_continuar.

.offset me indica la posicion en la que se encuantra posicionado y con el .top le indico que siempre se posicione en en la parte superior de div indicado.

$(document).ready(function () {
    $('.add_habitacion').click(function(){
        $('div, sticker1').animate({
            scrollTop: $(".div_btn_continuar").offset().top 
        }, 900);//esto es la velocidad en lo que va hacer el efecto 

    });
});

http://papermashup.com/jquery-page-scrolling/