Всем здравствуйте! Подскажите, пожалуйста, можно ли с помощью чистого JS, вычислить размер вьюпорта в развернутом виде (когда браузер развернут на весь экран), в момент, когда браузер развернут НЕ на весь экран.
-
в смысле узнать размер экрана?– Beast Winterwolf19 мая 2017 в 9:55
-
alert(window.screen.availWidth); alert(window.screen.availHeight);– Beast Winterwolf19 мая 2017 в 9:55
-
Нет, не размер экрана, а именно внутренней части браузера, без скролла, панели меню и т.п.– Дальнобойщик19 мая 2017 в 10:00
-
window.screen.availWidth - в Хроме, и Лисе показывает размер вьюпорта тот, который на данный момент есть у браузера. Т.е., если он на пол экрана, то и показывает половину от максимально возможного. Как-то так, надеюсь, понятно объяснил?!– Дальнобойщик19 мая 2017 в 10:03
-
не понимаю, чем конкретно вас не устраивает window.screen.availWidth/availHeight. вот пример w3schools.com/jsref/tryit.asp?filename=tryjsref_screen_all по-моему он именно то что вам нужно и показывает, независимо ведь от размеров окна браузера.– Beast Winterwolf19 мая 2017 в 10:09
Добавить комментарий
|
1 ответ
screen.availWidth и screen.availHeight возвращают именно те значения, которые вам нужны - доступную часть экрана, исключая элементы браузера (в отличии от screen.width и screen.height, которые возвращают размер всего экрана).
-
Да, извиняюсь, Вы правы! Но у меня возникает другая проблема. availHeight у меня показывает какую-то постоянную высоту (728px), даже, если я у браузера отключаю/включаю панель закладок, панель меню. 19 мая 2017 в 10:37
-
Хотелось бы, чтобы результат совпадал с window.innerHeight в развернутом состоянии браузера, но innerHeight зависит от текущего размера окна браузера, поэтому он не подходит. Есть ли "золотая середина" между этими свойствами? 19 мая 2017 в 11:37
-
Разве в фуллскрине панель закладок должна отображаться? У меня в этом режиме отображается только скроллбар (его ширина вычитается из ширины экрана, но высота не затрагивается). В полноэкранном режиме браузер может отображать различные свои элементы поверх страницы, но эти вещи не учитываются. screen.availHeight возвращает именно доступную часть экрана, а не обозреваемую. 19 мая 2017 в 11:48
-
window.innerHeight и screen.availHeight не должны отличаться в полноэкранном режиме. Я не знаю, какие вы панели включаете. В хроме никаких панелей в этом режиме нет. Вот установил сейчас фаерфокс чтобы проверить. Нажимаю F11 и та же самая картина - чистая страница и полоса прокрутки сбоку, больше ничего. 19 мая 2017 в 12:13
-
Ну в любом случае, если там что-то и можно включить, то это скорее всего float-элемент. А если нет, попробуйте тогда самостоятельно рассчитать размеры, используя window.outerWidth и window.outerHeight. 19 мая 2017 в 12:22