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
:
Ver original$("#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!!