Получение высоты окна (без прокрутки)

Question

У меня есть карты Google на странице, написанные в основном прототипом php и jquery.

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

Вы видите

jQuery(window).height(); 

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

Edit: var x = jQuery(window).height();

alert(x); 

возвращает 961, так что я считаю, что значение из я хочу что-то вроде 800

Answer 1

Решение, которое я придумал, - это определение класса css, обертывающего карту.

.gm_responsive { 
position: relative; 
padding-bottom: 68%; 
padding-top: 45px; 
height: 0; 
overflow: hidden; 

} Я считаю, что ключ

padding-bottom: 68%; 

Answer 2

Попробуйте использовать

var weight = window.innerHeight; 

, который дает ток высота порта просмотра.

Answer 3

Проверьте эти скрипки. http://jsfiddle.net/corinne/pKUzU/

iframe { 
max-width: 100%; 
height: auto; 
width: auto; /*IE8 bug fix*/ 
vertical-align: middle 
} 

Надеюсь, это поможет.

Answer 4

То, что вы хотите получить, это высота видового экрана (вид на странице), и это то, что возвращает $ (window) .height(). Вы хотите получить высоту контейнера? (просто получите)

Нам нужно увидеть вашу проблему, пожалуйста, используйте ссылку или сделайте JSFiddle.

Answer 5

Попробуйте использовать

var dimensions = document.viewport.getDimensions(); 
height = dimensions.height; 

это часть ядра PrototypeJS не JQuery