Какие существуют методы создания адаптивных выпадающих меню для мобильных устройств?

Некоторые методы создания адаптивных выпадающих меню для мобильных устройств:

• Раскрывающееся меню со сдвигом контента. cmsmagazine.ru Навигация скрывается и замещается кнопкой «Меню». cmsmagazine.ru Для выбора категории пользователь должен нажать на кнопку, контент при этом сдвигается вниз. cmsmagazine.ru Для реализации такого меню обычно используют JavaScript. cmsmagazine.ru
• Якорная ссылка на футер страницы. cmsmagazine.ru Создают два меню — вверху и внизу страницы. cmsmagazine.ru Когда страницу открывают на маленьком экране, меню в верхней части страницы превращается в ссылку на навигацию в футере. cmsmagazine.ru
• Навигация во всплывающем окне. cmsmagazine.ru Меню навигации отображается во всплывающем модуле. cmsmagazine.ru Решение можно реализовать с использованием модального окна, например, FancyBox. cmsmagazine.ru
• Навигация, разворачивающаяся по кругу. cmsmagazine.ru Для реализации такого меню используют CSS3 и JavaScript. cmsmagazine.ru При нажатии на основную кнопку вокруг неё по кривой выстраиваются пункты меню. cmsmagazine.ru Закрыть меню можно, выбрав один из его элементов или нажав ещё раз на основную кнопку. cmsmagazine.ru
• Навигация, «вытягиваемая» жестом. cmsmagazine.ru В основе метода лежит идея обновления контента с помощью протягивания — Pull-to-Refresh. cmsmagazine.ru В экспериментальном меню навигации стандартный контрол заменён жестовым управлением. cmsmagazine.ru
• Использование чистого CSS. webformyself.com Этот метод предполагает использование простой структуры списка HTML для разработки меню ссылок, которые можно стилизовать и отображать по-разному в зависимости от размера экрана устройства. webformyself.com