Как получить «высоту» экрана с помощью JQuery

Я хочу установить что-то в середине экранаКак получить «высоту» экрана с помощью JQuery

благодаря

2010-03-09 zjm1126

На "экране" сделать вы имеете в виду окно браузера? Или буквально экран? –

http://stackoverflow.com/questions/210717/what-is-the-best-way-to-center-a-div-on-the-screen-using-jquery –

136

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document

Как указано здесь: http://api.jquery.com/height/

источник

2010-03-09 07:15:04

+19

Честно говоря, это не отвечает на вопрос OP. Если вы ищете высоту экрана _actual_, используйте 'screen.height', например' var height = screen.height'. Это может выглядеть как укус ошибок, но OP спросил, как позиционировать что-то посредине экрана, а не в середине окна браузера. –

Perfect John White, только то, что мне нужно, screen.height работал для меня –

$(window).height();

Чтобы установить что-нибудь в середине, вы можете использовать CSS.

<style> 
#divCentre 
{ 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    width: 300px; 
    height: 400px; 
    margin-left: -150px; 
    margin-top: -200px; 
} 
</style> 
<div id="divCentre">I am at the centre</div>

источник

2010-03-09 07:13:25 rahul

Этот CSS поместит верхний левый угол div в середине страницы. Затем div будет растягиваться вправо и вниз, глядя * серьезно * вне центра. Может быть, маржи отрицательны? Потому что похоже, что это может сработать, но только если объект, который вы центрируете, меньше, чем страница. –

Исправлена опечатка. Спасибо @ T J Crowder – rahul

Ваш вертикальный подход к центрированию требует, чтобы вы знали высоту вашего элемента #divCentre. –

использование с отзывчивым сайта (вид на мобильный или Ipad)

jQuery(window).height(); // return height of browser viewport 
jQuery(window).width(); // return width of browser viewport

редко используют

jQuery(document).height(); // return height of HTML document 
jQuery(document).width(); // return width of HTML document

источник

2014-02-11 08:33:42

Как получить «высоту» экрана с помощью JQuery

ответ

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