Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/07/2014, 10:56
Avatar de Middrel
Middrel
 
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años, 7 meses
Puntos: 27
Desplazar scroll con jquery

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
  1. $("#agregarCampo").click( function(){
  2.            
  3.     var up = 0;        
  4.     up +=100;
  5.     var sTop = $("#formulario-factura").scrollTop(up);
  6. });

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!!