0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 591 Просмотров
*

newalex

  • Захожу иногда
  • 78
  • 4 / 0
Всем привет. Возник вопрос с мобильной версией для одностраничника на основе Helix Ultimate.
Для плавного скроллинга по разделам страницы применил qlsmoothscroll. Работает отлично.
Но вся проблема в том, что на одностаничнике в режиме мобильной версии меню offcanvas, после нажатия на ссылку (якорь) меню, меню остается открытым.
Может есть реальное решение закрывать меню после нажатия на ссылку в меню?
Я так понял, что имеющаяся в мобильном меню хеликса кнопка ручного закрытия по клику работает так:

function(event) {
  event.preventDefault();
  $('.offcanvas-init').removeClass('offcanvas-active');
}
Т.е. удаляет класс.

Не могу понять как передать или назначить это же событие  и для всех ссылок, якорей в этом же меню?
Грубо говоря задача состоит в том, что пи просмотре в мобильной версии, когда работает offcanvas, после скроллинга к нужному якорю - закрылось меню.
Может кто-то уже решил эту проблему? Может знаете решение?
На оффсайте есть решение для старого фреймворка, а для этого нет (((
« Последнее редактирование: 18.10.2019, 10:25:10 от newalex »
*

sivers

  • Завсегдатай
  • 1696
  • 232 / 0
Несколько раз уже поднималась тема. И решалась. Поищите. Или дайте ссылку на свой сайт.
На связи в телеге @sivers
https://sivers.su/
*

newalex

  • Захожу иногда
  • 78
  • 4 / 0
Сам нашел.
Это закрывает прекрасно:

jQuery(function(){
    jQuery('.offcanvas-menu ul a').bind('click', function(){
        jQuery('.close-offcanvas').trigger('click');
    });
});
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с offcanvas для меню

Автор dr.red

Ответов: 5
Просмотров: 7241
Последний ответ 31.01.2021, 21:51:08
от Rimo
menu, logo и header

Автор Tony Jones

Ответов: 0
Просмотров: 3918
Последний ответ 08.10.2014, 09:18:35
от Tony Jones