Позиционирование плавающего div

Question

Как центрировать плавающий div, используя верхний и левый атрибуты. Этот div открывается при нажатии на изображение. Я не могу использовать align, потому что я использую прокрутку вниз. Диверс должен быть центрирован, даже когда я прокручиваю вниз. Если я использую ширину экрана и высоту экрана, он остается фиксированным на странице. В этом отношении есть много запросов, но ни один из них не использует верхние и левые атрибуты. Javascript используется для установки верхнего и левого атрибутов этого div.

Answer 1

Не уверен, что вы можете сделать это с помощью плавающего div, но смените плавающий div на фиксированное положение, как только вы начнете прокрутку, добавив класс при запуске функции прокрутки, когда window top = 0 удалите фиксированный класс и добавьте ваш плавающий класс .... надеюсь, что это поможет.

Answer 2

Можно ли разместить образец страницы? Разве вы не можете просто сделать позицию div: fixed? А затем установить «left» и «top» в процентах, чтобы центрировать поле? Что-то вроде:

.popupFixed 
{ 
width:400px; 
left:50%; 
margin-left:-200px; //<-- Half container width 
top:44%; 
position:fixed; 
}