Есть вёрстка страницы сайта, оптимизированной под просмотр с мобильных устройств, в основном – со смартфонов. Включает в себя HTML-код, CSS-стили и несколько картинок. Есть боковое меню, по умолчанию невидимое, которое должно появляться при свайпе по контенту страницы вправо-влево. Вёрстку предоставлю после выбора исполнителя.
Задача:
1. Написать яваскрипт (безо всяких фреймворков, чистый яваскрипт), который будет ловить события свайпа вправо-влево и после этого показывать или скрывать меню (в зависимости от направления свайпа). Должно работать на кроссплатформенно (как минимум, на перечисленных ниже устройствах). При свайпе адрес-бар браузера не должен показываться. Контент страницы при открытом боковом меню должен фиксировать и не скроллиться отдельно от меню.
2. Написать скрипт или прописать нужные стили, которые обеспечивают скрывание адрес-бара сразу после загрузки страницы и/или после первого же скролла страницы.
Хороший пример подобного поведения страницы мобильного сайта: M.VK.COM
Сразу после загрузки адрес-бар браузера скрывается. При открытом боковом меню контент страницы не скроллится.
Именно такого поведения скриптов на моей странице и нужно добиться. Если сможете использовать код скриптов и стилей с M.VK.COM для обеспечения нужного поведения страницы – я не против. Главное, чтобы работало и весило минимум.
Проверять буду в родных браузерах на следующих устройствах:
* iPhone 4/4s, iOS6 & iOS7, 3.5"
* iPhone 5, iOS 7, 4"
* Android 4.0, 4.3"
* Android 4.2, 4.7"
Контакты для связи: личка здесь или емейл ilya@barkov.net
Опубликован 28.05.2014 в 20:09