Адаптивное меню в Adobe Muse
Aug. 2nd, 2016 01:39 am![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Пишу сюда, поскольку в тырнетах много учителей, которые учат тому, чему нормальный человек сам способен научиться за короткое время, но когда речь заходит о сколь-нибудь нестандартных вещах, все учителя молчат в тряпочку.
В Adobe Muse появилась возможность делать отзывчивые макеты, которые легко адаптируются к экранам различного размера. Соответственно, для планшетов и смартфонов удобнее всего пользоваться меню-гамбургером, которое в свернутом виде занимает минимум места. Тап по гамбургеру (такие три полосочки) разворачивает меню, показывая его пункты. На Muse такое меню можно сделать при помощи стандартного виджета, который лежит в библиотеке и называется «Аккордеон». Это всё хорошо. Многие учителя даже назаливали видеоуроков о том, как это делать. Но сука ни один не уточнил одну интересную деталь.
Если мы имеем одностраничник с меню, зафиксированным наверху страницы. Навигация производится по якорям. В десктопной версии всё хорошо. Но когда дело доходит до аккордеона, получается всё не совсем так, как хотелось бы. А именно — сворачивание меню обратно в гамбургер.
Сейчас так. Тап по гамбургеру — меню открылось. Тап по пункту меню — перешли к якорю. Но раскрытое меню закрывает весь контент! Приходится еще раз тапать, чтобы меню свернуть. А по логике вещей надо, чтобы оно сворачивалось само после того, как мы попали к нужному якорю.
Собственно, вопрос. Реально ли на Muse реализовать автоматическое сворачивание меню после тапа по одному из его пунктов и перехода к требуемому якорю?
В Adobe Muse появилась возможность делать отзывчивые макеты, которые легко адаптируются к экранам различного размера. Соответственно, для планшетов и смартфонов удобнее всего пользоваться меню-гамбургером, которое в свернутом виде занимает минимум места. Тап по гамбургеру (такие три полосочки) разворачивает меню, показывая его пункты. На Muse такое меню можно сделать при помощи стандартного виджета, который лежит в библиотеке и называется «Аккордеон». Это всё хорошо. Многие учителя даже назаливали видеоуроков о том, как это делать. Но сука ни один не уточнил одну интересную деталь.
Если мы имеем одностраничник с меню, зафиксированным наверху страницы. Навигация производится по якорям. В десктопной версии всё хорошо. Но когда дело доходит до аккордеона, получается всё не совсем так, как хотелось бы. А именно — сворачивание меню обратно в гамбургер.
Сейчас так. Тап по гамбургеру — меню открылось. Тап по пункту меню — перешли к якорю. Но раскрытое меню закрывает весь контент! Приходится еще раз тапать, чтобы меню свернуть. А по логике вещей надо, чтобы оно сворачивалось само после того, как мы попали к нужному якорю.
Собственно, вопрос. Реально ли на Muse реализовать автоматическое сворачивание меню после тапа по одному из его пунктов и перехода к требуемому якорю?
no subject
Date: 2016-08-03 03:30 pm (UTC)no subject
Date: 2016-08-04 11:29 am (UTC)no subject
Date: 2016-08-04 11:47 am (UTC)Ðозможно, ÑÑо коÑÑк, коÑоÑÑй ÑÑÑÑанÑÑ Ð² Ñлед. веÑÑии. У Ð¼ÐµÐ½Ñ Ð² ÑÑаÑой Opera Mini, кÑÑаÑи, Ð¼ÐµÐ½Ñ ÑÑÑаниÑÑ Ð½Ð° Ñаблоне bootstrap'a Ñоже не закÑÑваÑÑÑÑ. Ðо из Ð¼ÐµÐ½Ñ ÐºÐ¾Ð´ÐµÑ ÐºÐ°Ðº из зайÑа балеÑина. ;))
no subject
Date: 2016-08-04 11:56 am (UTC)no subject
Date: 2016-08-04 12:01 pm (UTC)...ÐалÑ, ÑÑо ÑÑÐ°Ð·Ñ Ð½Ðµ Ñделали по-ÑеловеÑеÑки. ХоÑÑ Ð¿ÑинÑип «вÑпÑÑÑим ÑейÑаÑ, допилим в пÑоÑеÑÑе» ÑÑлиÑ. ;))
no subject
Date: 2016-08-04 12:22 pm (UTC)Ðо на ÐÑÑÑÑÑапе вÑÑ Ð¶Ðµ вÑÑ Ð¾Ð´ÑÑ ÐºÐ°ÐºÐ¸Ðµ-никакие ÑайÑÑ, а на Muse â недоÑайÑÑ, кÑо Ð±Ñ Ñего не говоÑил ))
ÐаÑиннÑй код, Ð²Ð¾Ñ Ñакие коÑÑки Ñипа как Ñ Ð¼ÐµÐ½Ñ, адапÑивноÑÑÑ Ð¿Ð¾ÑвилаÑÑ ÑолÑко Ð²Ð¾Ñ Ð² ÑÑом годÑ. ÐÑоÑе в ÑмÑÑле макеÑиÑÐ¾Ð²Ð°Ð½Ð¸Ñ â да. Ðо на вÑÑ Ð¾Ð´Ðµ â вÑе Ñавно поделка.