Центральное расположение моего всплывающего диалогового окна

Question

Я использовал диалоговое окно в своем приложении, которое вызывает проблемы с его выравниванием по мере увеличения содержания моей страницы.

Пока моя страница была короткой и содержала меньше контента, она обычно всплывала в центре моей страницы. Но теперь моя страница выросла по вертикали, и когда я нажимаю на всплывающее окно, я хочу, чтобы он располагался в центре моего экрана, а не прокручивался каждый раз в центр страницы.

# bdy_content - это родительский / корневой элемент на моей странице.

target элемент на самом деле является span , как указано ниже:

<span adname="testtraffickerbannertext" adtag="Click here!" title="showAdTag">
   <a class="banner" href="javascript:void(0);" title="showAdTag">Ad Tag</a>
</span>

Вот мой centerPopup () Функция:

function centerPopup(e){
var target = e.target.title;
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = $('#bdy_content').height();
    if(windowHeight < 600){
        windowHeight = 600;
    }
var popupHeight = $("#" + target).height();
var popupWidth = $("#" + target).width();
//centering
$("#"+ target).css({
    "position": "absolute",
    "top": windowHeight/2-popupHeight/2,

    //Instead, we go with where the click was
   //   "top" : e.pageY - 20,
    "left": windowWidth/2-popupWidth/2
});
//only need force for IE6

$("#previewCurtain").css({
    "height": windowHeight
});
window.scrollTo(0,windowHeight/2-popupHeight/2);

} * * тысяча двадцать-один

Кроме того, я не могу изменить свой существующий всплывающий плагин, так как я повторно использовал его на своем сайте, и это потребует больших затрат.