Закрыть меню push на прокрутке

Question

Как бы я мог закрыть закрытие меню холста при использовании свитков? или клики от него.

Ниже приведены HTML и JQuery. Заранее спасибо!

$(document).ready(function() { 
 
    $menuLeft = $('.pushmenu-left'); 
 
    $nav_list = $('#nav_list'); 
 

 
    $nav_list.click(function() { 
 
    $(this).toggleClass('active'); 
 
    $('.pushmenu-push').toggleClass('pushmenu-push-toright'); 
 
    $menuLeft.toggleClass('pushmenu-open'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<nav class="pushmenu pushmenu-left"> 
 
    <div class="menu-primary-container"> 
 

 
    <ul id="menu-primary" class="menu"> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/">Home</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/creative/">Creative</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/online/">Online</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/print/">Print</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/the-studio/">The Studio</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/work/">Our Work</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/snippets/">Snippets</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/blog/">Blog</a></li> 
 
     <li><a href="http://10.0.0.127:8888/page16-sass/contact/">Get in touch</a></li> 
 
    </ul> 
 
    </div> \t \t 
 

 
    <div class="mobile-phone">01268 271 858</div> 
 
</nav>

Answer 1

тумблер ваших pushmenu классов на свитке.

window.addEventListener('scroll', function(e) { 
    $('.pushmenu-push').removeClass('pushmenu-push-toright'); 
    $menuLeft.removeClass('pushmenu-open'); 
}); 

вы можете добавить таймер для предотвращения меню с прокруткой, если пользователь случайно прокручивается, прежде чем выбрать пункт меню (может случиться на сенсорных устройствах).