Задать вопрос
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
javascript

Как выполнить скрипт при повороте экрана?

Как скрыть блок div при смене ориентации экрана?
Допустим, зашел человек на сайт с телефона, открыл меню, повернул экран.
Нужно скрыть меню при повороте.
Пробовал 
jQuery(window).resize(function () {
jQuery("#mainmenu").hide(0);
});

Но тут меня ожидала боль.
Меню большое и при скроллинге на телефонах оно пропадает.
  • Вопрос задан
  • 11745 просмотров
2 комментария
Подписаться 3 Оценить 2 комментария
Решения вопроса 2
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
nikitakiselev.ru/post/42
Ответ написан
1 комментарий
1 комментарий
webirus
@webirus Автор вопроса
Тыжверстальщик! Наверстай мне упущенное... 
window.addEventListener("orientationchange", function() {
    	jQuery("#mainmenu").hide(0);
    }, false);

Спасибо за ответ Виталий Инчин ☢ , использовал это, работает отлично.
Потестирую на разных девайсах, но пока корректно все.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
glizer
@glizer
Вам поможет свойство media css конкретнее aspect-ratio параметр
Ответ написан
Комментировать
Комментировать
CybernatiC
@CybernatiC
Веб-разработчик 
$(window).on('resize',function(){$('#mainmenu').hide()});
Ответ написан
4 комментария
4 комментария
Fortoo
@Fortoo
Top-Web OpenCart
Jquery
$(window).on('orientationchange', function(e) {
// код
});

Некоторые устройства не поддерживают событие orientationchange,
поэтому можно отловить изменение размера окна.
Поэтому лучше так
$( window ).on('load resize orientationchange', function( event ) {
  // код
});


// Вы также можете вручную запустить это событие.
$( window ).orientationchange();
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Консультация ПЛИС (FPGA)
24 апр. 2024, в 22:00
500 руб./в час
SEO сайта услуг
24 апр. 2024, в 21:49
10000 руб./за проект
Разработка стратегий продвижения в соц сетях FB
24 апр. 2024, в 20:50
10000 руб./за проект
Ещё заказы