Показать сообщение отдельно
  #1 (permalink)  
Старый 30.11.2024, 16:31
Кандидат Javascript-наук
Отправить личное сообщение для samdo Посмотреть профиль Найти все сообщения от samdo
 
Регистрация: 27.05.2017
Сообщений: 112

Закрыть меню по свайпу
Приветствую! В мобильной версии сайта есть меню, которое скрывается по клику на кнопку закрыть. Подскажите, плиз, что добавить в код, чтобы меню закрывалось еще и по свайпу. Заранее спасибо!

<div class="menubar">
  <span class="openmenu" onclick="openNav()">
    Меню
  </span>
</div>

<div id="mySidenav" class="top-menu">
  <ul>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    <li>Пункт 4</li>
  </ul>
  <div class="menu-close" onclick="closeNav()">
    х
  </div>   
</div>

function openNav() {
    document.getElementById("mySidenav").style.left = "0";
  }
    function closeNav() {
  document.getElementById("mySidenav").style.left = "-281px";
  }
Ответить с цитированием