Código Javascript:
Ver original
$("#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(); });
Gracias Por su ayuda....