hola buenas compañeros
les cuento ,
tengo esta lista de divs , nada raro:
Código HTML:
Ver original<div style="float:left;overflow:auto;height:500px" class="content-list"> <div class="list" rel="01">Texto 1
</div> <div class="list" rel="02">Texto 2
</div> <div class="list" rel="03">Texto 3
</div> <div class="list" rel="04">Texto 4
</div> <div class="list" rel="05">Texto 5
</div> <div class="list" rel="06">Texto 6
</div>
Estoy haciendo un buscador, simplemente tengo un input donde ingresan un codigo , valido si ese codigo es igual al codigo del rel de cada div , si coinciden baje el scroll del content-list y quede en la posicion del div que coincide
esta es la funcion,
Código Javascript
:
Ver originalfunction BuscaEquipo(valorcampo)
{
//recorremos todos los elementos list
$(".list").each(function()
{
var codigo= $(this).attr("rel");
if(valorcampo == codigo)
{
var posicion = $(this).position();
$(".content-list").scrollTop(posicion.top);
}
});
}
Pero no me funciona bien, me baja mucho mas el scroll de content- list de la posicion donde esta el div que coincidio..
No se me ocurre otra idea , tal vez , que si coinciden, el div hijo lo posicione de primeras que los demas, es decir si me coincidio el codigo 06 , que segun la lista de arriba es el ultimo , quede de primeras .... pero no se como hacerlo
Por fa alguna idea.