CSS (Cascading Style Sheets) — каскадные таблицы стилей.
CSS — это язык представления внешнего вида документа, написанного с использованием языка разметки.

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

Александр » 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-го уровня вложенности!
Александр
 
Сообщения: 397
Зарегистрирован: 20 мар 2014, 17:05

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

Владимир строитель » 21 июл 2017, 16:32

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


Вернуться в CSS