Высота | Wiki | PWODEV https://wiki.pwodev.com/tag/высота/ Help for developers Fri, 09 Aug 2019 12:07:33 +0000 ru-RU hourly 1 https://wordpress.org/?v=6.9.1 Height 100vh for mobile browsers iPhone and Android https://wiki.pwodev.com/height-100vh-for-mobile-browsers-iphone-and-android/ https://wiki.pwodev.com/height-100vh-for-mobile-browsers-iphone-and-android/#comments Wed, 18 Oct 2017 13:29:39 +0000 http://wiki.pwodev.com/?p=86 При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью. Отследить правильный размер экрана нам поможет этот JS код: Запускать это лучше всего при загрузке страницы, а […]

Сообщение Height 100vh for mobile browsers iPhone and Android появились сначала на Wiki | PWODEV.

]]> При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью.

Отследить правильный размер экрана нам поможет этот JS код:

window.innerHeight //показывает действительную высоту экрана

Запускать это лучше всего при загрузке страницы, а потом при скролле браузера.
Событие scroll:

window.onscroll = function () {
   // scroll event
};

Сообщение Height 100vh for mobile browsers iPhone and Android появились сначала на Wiki | PWODEV.

]]> https://wiki.pwodev.com/height-100vh-for-mobile-browsers-iphone-and-android/feed/ 1