Здравствуйте. Задался целью сделать меню, работающее должным образом на разных девайсах. Перечислю то как на мой взгляд должно работать меню От вас необходимы советы.
И так, меню на каждом девайсе должен работать по своему и выглядеть тоже.
Компьютер
Меню — горизонтальное
Подпункты — показываются при наведении пункт меню
Планшет
Меню — горизонтальное, вертикальное, в зависимости от ширины
Подпункты — показываются при клике, при этом желательно чтобы оно открывалось по дополнительной кнопке, чтобы можно было переходить по ссылке по верхнему уровню
Проблемы — дополнительная кнопка иногда трудно внедрить дизайн
Телефон
Меню — вертикальное, аккордеон
Подпункты — показываются при клике на дополнительную кнопку
Вроде все должно быть так?
#1
19 января 2018 в 13:43
#2
19 января 2018 в 15:22
Как по мне — вверху сайта всегда желательно иметь быстрое несворачиваемое меню — для основных разделов сайта, и чем их меньше — тем лучше
#3
19 января 2018 в 16:58
У себя использую скрипт меню, который на мобильниках:
— по первому клику открывает подменю
— по второму клику переходит по ссылке
Считаю такой вариант самым удобным (не нужно целится в маленький треугольничек, чтобы развернуть подменю).
Также отлично работает на планшетах с вин 10.
— по первому клику открывает подменю
— по второму клику переходит по ссылке
Считаю такой вариант самым удобным (не нужно целится в маленький треугольничек, чтобы развернуть подменю).
Также отлично работает на планшетах с вин 10.
Сегодня в 16:48
#4
19 января 2018 в 19:08
Zau4man, когда писал пост, я думал о твоем скрипте. Такой вопрос, пользователи с ней справляются? Постоянный посетитель будет в курсе, как быть новому? Можно ссылку на скрипт?
#5
19 января 2018 в 19:30
Задался целью сделать меню, работающее должным образом на разных девайсах.
Bootstrap — отточенные стили огромным сообществом за десяток лет. Не нужно создавать велосипед в одиночку.
#6
19 января 2018 в 22:17
Atid — Gorec, врядли "правильное", но вот:
tseso.instantcms.com.ua/
Предполагается, что будет использоваться только для телефонов и планшетов. Временно включил для всех устройств. Определение устройства производится штатными возможностями системы.
Весьма интересно твоё мнение. Если есть желание пообщаться на эту тему, знаешь как меня найти))
tseso.instantcms.com.ua/
Предполагается, что будет использоваться только для телефонов и планшетов. Временно включил для всех устройств. Определение устройства производится штатными возможностями системы.
Весьма интересно твоё мнение. Если есть желание пообщаться на эту тему, знаешь как меня найти))
#7
20 января 2018 в 02:27
так я на ней и работаю, там меню не функциональноеBootstrap — отточенные стили огромным сообществом за десяток лет
#8
20 января 2018 в 09:38
Atid — Gorec, www.smartmenus.org/docs/
А меня бесит, что все варианты бутстрап меню не работают на планшетах с вин 10 (при тач нажатии (на планшете с сенсорным экраном) меню открывается и закрывается).Bootstrap — отточенные стили огромным
#10
20 января 2018 в 09:57
А где можно глянуть скрипт?У себя использую скрипт меню
#11
20 января 2018 в 10:21
Олег с клещами, ссылка выше. На самом сайте используется это меню.