Tengo un listado donde figuran varios items
cada uno dentro de su propio div
identificado con un id="Publicacion-1", "Publicacion-2", "Publicacion-3"
(el numero es el id del item
) sucesivamente y cada div, con un botón de Editar, una vez que aprieto el botón, hago una edición, se cierra el modal y ejecuto una función que muestra nuevamente el listado. La idea es que la pantalla me muestre en el renglón que modifique. Que lo posicione donde estaba. Para lo cual, cree una funcion
que recibe entre otros, dos parámetros llamado aTipo
y aFoco
,:
function listar(aTipo,aFoco){
var Enfocando = aFoco;
$.ajax({
url:='../phpAux/ListadoBusquedasEmpresas.php',
type:'POST',
data:'Tipo=' +aTipo,
beforeSend: function () {
$('.ZonaListados').html('<h5><i class="fa fa-spinner fa-spin fa-3x fa-fw">
</i>Procesando Listado...</h5>"');
},
success: function (data) {
$('.ContieneBusquedas').show();
$(".ZonaListados").html(data);
$(document).ready(function(){
console.log("Foco en :#Publicacion-"+Enfocando); //acá me muestra el valor perfecto
$('html, body').animate({
scrollTop: $("#Publicacion-"+Enfocando).offset().top
}, 500);
})
}
})
}
La función lista perfectamente, enviando la Variable aTipo
, pero cuando muestra el listado, la función de scroll
se mueve siempre a 6 u 8 divs
del correcto.
Estoy haciendo algo mal?
(Yo coloque un console.log que me muestra que el valor del item para posicionarse llega bien y es el correcto.)
fadeOut()
y luego confadeIn()
para identificar lo que se actualizó.console.log
que puse me demuestra que el indicador delId
deldiv
que debe ubicarse es el correcto, de hecho se acerca... Se que algunos hay tenido problemas con elscroll
, tal vez haya otra forma de hacerlo.