Страница 1 из 1

Выпадающее многоуровневое меню для тачскринов

СообщениеДобавлено: 03 июн 2017, 22:30
Александр
Есть разные методы реализации выпадающих многоуровневых меню для тачскринов.
Грубо говоря, для начала можно сделать такое разделение:

  1. когда родительский пункт не является ссылкой
  2. когда родительский пункт является ссылкой
Если в первом случае можно попробовать самому реализовать подобное меню на чистом CSS в надежде на то, что современные тачскрин-устройства грамотно будут обрабатывать клик (точнее клик 1 клик считать за :hover) по родительскому элементу, то во втором случае полагаться на устройство очень опрометчиво.
У простых разработчиков сайтов нет возможности тестировать работу своих реализаций многоуровневого меню на сотнях устройств. И если встанет задача реализации подобного, то наверное, есть смысл положиться на какую-нибудь библиотеку, которая актуальна и протестирована волонтерами на куче устройств.
В поисках подобных решений, я натолкнулся на пару вариантов библиотек (обе используют Jquery), и чтобы не забыть ссылки выкладываю здесь.
https://www.smartmenus.org/
Вторая кажется менее красивой
http://adnantopal.github.io/slimmenu/
А вот пример, вообще не рабочий показался, на эмуляторе в Chrome при клике по родителю сразу перезагружает страницу
http://responsivemultimenu.com/lib/resp ... ulti-menu/
Хочется добавить по поводу всей этой возни с поддержкой выпадающих многоуровневых меню, что похоже, это тема настолько запущена, что Twitter (Bootstrap 3) отказался вообще от реализации выпадающего меню глубже 1-го уровня вложенности!

Re: Выпадающее многоуровневое меню для тачскринов

СообщениеДобавлено: 21 июл 2017, 16:32
Владимир строитель
Александр, здравствуйте. У нас небольшая проблема с сайтом, как раз с тем, чтобы сделать разворачивающееся из кнопки меню. Написали в соседнем разделе вопрос Выпадающее меню для мобильных устройств, посмотрите пожалуйста!