- Форум
- Уроки Joomla
- Ошибки и решение проблем.
- Меню для лендинга
Меню для лендинга
hush / Автор темы \

Web-Мастер

178
2
2
1 год 6 мес. назад #9205 от hush
Wedal, добрый вечер
столкнулся с такой задачей - нужно сделать меню в мобильной версии для одностраничного сайта с прокруткой до якоря. Попробовал сделать как в полной версии - слишком громоздко. Попробовал убрать меню в сэндвич - прокручивается, но меню приходится принудительно закрывать. Вобщем нужно сделать так, чтобы меню было в сэндвиче, но при этом, при прокрутке до якоря, автоматически закрывалось. Сталкивались с такой задачей?
Спасибо,
Денис
столкнулся с такой задачей - нужно сделать меню в мобильной версии для одностраничного сайта с прокруткой до якоря. Попробовал сделать как в полной версии - слишком громоздко. Попробовал убрать меню в сэндвич - прокручивается, но меню приходится принудительно закрывать. Вобщем нужно сделать так, чтобы меню было в сэндвиче, но при этом, при прокрутке до якоря, автоматически закрывалось. Сталкивались с такой задачей?
Спасибо,
Денис
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
Wedal

Администратор

2836
228
653
1 год 6 мес. назад #9206 от Wedal
hush, я вижу это так: добавляете JS-код. В нем на клик по любому пункту меню:
1) Проверяется ширина экрана, и если она меньше либо равна разрешению, где появляется бургер, то выполняем п.2
2) Скрываем меню.
Там, конечно, возможны разные вариации, вроде: скрывать при клику не по всем пунктам, добавить событие проверки поворота устройства (смены ширины экрана) и включать/отключать это сокрытие. Но всё это уже частности, которые можете сами подогнать под себя.
1) Проверяется ширина экрана, и если она меньше либо равна разрешению, где появляется бургер, то выполняем п.2
2) Скрываем меню.
Там, конечно, возможны разные вариации, вроде: скрывать при клику не по всем пунктам, добавить событие проверки поворота устройства (смены ширины экрана) и включать/отключать это сокрытие. Но всё это уже частности, которые можете сами подогнать под себя.
Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.
- Форум
- Уроки Joomla
- Ошибки и решение проблем.
- Меню для лендинга