Cześć. Mam następujący kod (znaleziony gdzieś, kiedyś w internecie). Ma on za zadanie z DIV-a zrobić popupa po kliknięciu. Wszystko pięknie działa jednak problem jest z pozycją. Jeśli strona jest długa i znajduje się na dole po wywołaniu jego umieszcza się on na samej górze, mimo iż kod DIV jest na samym dole. Chciałbym aby cały czas znajdował się na środku, nawet jak przewijam scrollem strony.
//loading popup with jQuery magic!
function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}
//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}
//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
//centering
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
//only need force for IE6
$("#backgroundPopup").css({
"height": windowHeight
});
}