iPhone: определить, что показана навигация при альбомной ориентации

tommy-gung
На сайте с 22.11.2006
Offline
277
538

Всем привет.

Есть ли способ определить, что на странице показана навигация при альбомной ориентации экрана?

в обоих случаях $(window).height() говорит, что высота 320px. Через @media тоже самое.

Цель: нужно применить дополнительный стиль, когда показывается навигация.

Есть мысли?

Здесь не могла быть ваша реклама
IS
На сайте с 11.11.2016
Offline
2
#1

http://prntscr.com/dx8264 через хром нельзя?

tommy-gung
На сайте с 22.11.2006
Offline
277
#2

ilya-s, Это не то. Речь про это, только в альбоме

https://yadi.sk/i/yryEfZV839fj5m

Нужно определять, когда менюшки показаны. Только не портрет, а альбом.

Высота, собственно, известна, но вот когда именно показано меню, а когда не показало - нет.

Александр И
На сайте с 20.11.2016
Offline
24
#3
tommy-gung:

в обоих случаях $(window).height() говорит, что высота 320px. Через @media тоже самое.

Эта проблема известна начиная с iOS 8.

https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in-some-mobile-browsers.html

Насколько мне известно, решение отсутствует.

Только предсказывать показ адресной строки через анализ прокрутки.

(но невозможно отловить показ адресной строки по нажатию на статусную строку)

Как вариант, присмотритесь к display:FLEX (позволяет резервировать всю доступную ВЫСОТУ для блока).

Возможно, сможете сделать вашу верстку менее чувствительную к высоте.

https://css-tricks.com/boxes-fill-height-dont-squish/

Можете описать задачу более детально, я постараюсь помочь.

Можно в личные сообщения.

S
На сайте с 30.09.2016
Offline
469
#4

А зачем определять, если можно задавать? Или я что-то не так понял?

<style>


.navbar{
height: 80px;
width: 300px;
background-color: #0f0;
}

@media (max-width: 320px) {
.navbar{
width: 30px;
background-color: #00f;
}
}
@media (max-device-width: 320px) and (orientation: landscape) {
.navbar{
height: 30px;
width: 200px;
background-color: #f00;
}
}

</style>

<div class="navbar"></div>
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
tommy-gung
На сайте с 22.11.2006
Offline
277
#5
Sitealert:
А зачем определять, если можно задавать? Или я что-то не так понял?

в обоих случаях высота 320px :)

мне нужна ВЫСОТА) а навигация браузера, не сайта

Александр И:
Насколько мне известно, решение отсутствует.
Только предсказывать показ адресной строки через анализ прокрутки.
(но невозможно отловить показ адресной строки по нажатию на статусную строку)

тоже подобное кажется невозможным. спасибо за ссылку, позднее почитаю. и детальнее опишу, что необходимо (хотелось бы получить)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий