[SOLUCIONADO] Desplazar scroll con jquery

[Middrel]

Hola, buenos días

Tengo una duda, un código que no hago funcionar aún, les explico.

Tengo un div donde se muestran campos para introducir información de productos que posteriormente se guardarán como un pedido. En la parte baja de este div, están los productos que se van agregando con un botón +, y se eliminan con un botón -, es decir, campos dinámicos.

Sin embargo, cuando los agrego, el scroll vertical crece a medida de que van siendo agregados. El div tiene de alto 400px, entonces los productos que se añaden quedan ocultos a la vista, pero cuando mueves el scroll los puedes ver.

Lo que quiero hacer es, cuando agregue un nuevo producto, el scroll se posicione al final del div, mostrando este último producto agregado. Obviamente lo que esta arriba se va desplazando y quedando oculto.

Lo estoy haciendo de la siguiente manera:

Código Javascript:

$("#agregarCampo").click( function(){
            
    var up = 0;         
    up +=100;
    var sTop = $("#formulario-factura").scrollTop(up);
});
 

Donde #agregarCampo es el id que tiene el objeto donde se da click, el +

Código HTML:

<a id="agregarCampo" class="btn btn-info" href="#" title="AGREGAR">[+]</a> 

y #formulario-factura es el div que contiene todo y al que se le aplicó el scroll.

Sin embargo, aún no logro que funcione.

¿Alguna idea que hago mal?

Saludos!!

[Alexis88]

Podrías desplazar la barra hasta donde se ubique el último elemento añadido utilizando el método scrollIntoView.

Código Javascript:

$("#id_boton").click(function(){
    $("#id_div").append("<p>Texto de ejemplo</p>");
    document.getElementById("id_div").lastChild.scrollIntoView();
});
 

De este modo, tomo al último elemento del <div> y desplazo a la barra hasta donde este se ubique.



También es posible hacerlo con código JavaScript nativo:



Saludos

[Middrel]

Hola Alexis88, gracias por responder,

No me funcionaba tampoco con la función scrollIntoView, pero ya detecté el por qué.

Como estoy usando el plugin de mCustomScrollbar para darle otra apariencia al scroll, algo de ese plugin no permitía que la instrucción que daba funcionara.

Sólo lo suprimí de esa parte y todo funcionó bien. Ya me ha pasado que ese plugin como que sufre algún tipo de incompatibilidad con otros recursos.

Te agradezco por tu respuesta, al menos ya tengo dos opciones para que funcione!!

Saludos!!