Un saludo esta es la funcion que llama el id en el link.
Código PHP:
var scrollCachePosition = 0;
$(function() {
$("#abrirPop").click(function(event) {
scrollCachePosition = $(window).scrollTop();
//Envío el scroll a la posición 0 (left), 0 (top), es decir, arriba de todo.
window.top.scroll(0,0);
//Si el body es mas grande que la capa 'wrapper' incrementa la altura del body a la capa 'capaPopUp'.
if ($("body").outerHeight()>$("#wrapper").outerHeight()){
var altura=$("body").outerHeight();
}else{
//Si la capa 'wrapper' es más grande que el body incrementa la altura de la capa 'wrapper' a la capa 'capaPopUp'.
var altura=$("#wrapper").outerHeight();
}
window.document.getElementById("capaPopUp").style.height=altura+"px";
event.preventDefault();
//Muestro la capa con el efecto 'slideToggle'.
$("#capaPopUp").slideToggle();
//Calculo la altura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
var altura=$("#popUpDiv").outerHeight();
$("#popUpDiv").css("margin-top","-"+parseInt(altura/2)+"px");
//Calculo la anchura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
var anchura=$("#popUpDiv").outerWidth();
$("#popUpDiv").css("margin-left","-"+parseInt(anchura/2)+"px");
//Muestro la capa con el efecto 'slideToggle'.
$("#popUpDiv").slideToggle();
});
$("#cerrar").click(function(event) {
event.preventDefault();
//Cierro las capas con el efecto 'slideToggle'.
$("#capaPopUp").slideToggle();
$("#popUpDiv").slideToggle();
//Si la variable scrollCachePosition es mayor que 0 incrementará la posición del scroll al valor que se almacenó.
if (scrollCachePosition > 0) {
window.top.scroll(0,scrollCachePosition);
//Reseteamos la variable scrollCachePosition a 0 para poder ejecutar el script tantas veces sea necesario.
scrollCachePosition = 0;
}
});
});
Gracias.