2009-08-18 5 views
16

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

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

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

ответ

30

Это следует сделать это:

document.documentElement.scrollTop || document.body.scrollTop; 
document.documentElement.scrollLeft || document.body.scrollLeft; 
14

Если я не буду недопонимание вопрос, который я думаю, что вы просто ищете

$(window).scrollTop() 
+0

Спасибо, не знал, что у jQuery была функция css, чтобы получить это (почему нужно всегда тщательно проверять документацию) –

0

для наложения вы можете сделать

.ModalOverlay 
{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

и вы просто показываете или скрываете его.

+0

Наложение не было проблемой, оно было центрировано фактическим полем модели в окне браузера. Оверлей и модельная коробка представляют собой два отдельных div; коробка модели - 1 zindex выше, чем наложение. –

Смежные вопросы