單擊菜單按鈕時隱藏頁面滾動

Question

我使用下面的代碼在頁面上顯示移動菜單。 我想知道以下內容：

單擊菜單按鈕時如何隱藏頁面滾動條，然后在關閉菜單時再次滾動？

<script>
  $( document ).ready(function() {
     console.log( "ready!" );
     var mobileTrigger = $('.js-mobile-menu-trigger');
     var mobileMenu = $('.js-mobile-menu');

     mobileTrigger.on('click', function() {
         $(this).toggleClass('active');  
         mobileMenu.toggleClass('active');                     
         console.log('wat');        
     });   
  });
</script> 

 <html>
    <head></head>
    <body>

    <div class="site-header-inner">
       <button class="site-nav-trigger js-mobile-menu-trigger">
       <span class="site-nav-trigger-icon">Menu</span></button>
       <ul class="site-nav js-mobile-menu">

          <li><a class="nav-link-home"href="/">Menu</a></li>    
          <li><a class="nav-link-home"href="/">Menu</a></li>    
          <li><a class="nav-link-home"href="/">Menu</a></li>    
        </ul>
    </div>

   <div id="content">text text text text text </div>
   </body>
</html>

Answer 1

使用下面的代碼，它將為您服務：

$('.js-mobile-menu-trigger').click(function(event) {
    event.preventDefault();
    $('body').css('overflow', 'hidden');
});

單擊菜單按鈕時隱藏頁面滾動

問題描述

1 個解決方案

解決方案1
0 2017-11-27 04:48:57

單擊菜單按鈕時隱藏頁面滾動

問題描述

1 個解決方案

解決方案1 0 2017-11-27 04:48:57

解決方案1
0 2017-11-27 04:48:57