https://takumiya-net.com/wp-content/themes/takumiya/script/nav_screen.js

1$(function(){
2  fade('.g_nav');
3});
4
5function fade(elm){
6  var $fade = $(elm),
7      $body = $('body');
8  // .toggleWrapを非表示にしておく
9  $fade.addClass('hide');
10
11  // #toggleがクリックされた時に、.hideの付け外しで .toggleWrapの表示・非表示を切り替え
12  // .addClass('animation');でアニメーションのCSSを適応
13  $('#toggle').on('click', function(){
14    $fade.toggleClass('hide').addClass('animation');
15    $('.trigger').toggleClass('active');
16
17    // スクロールの制御
18    // .hideを持っている状態はメニューが閉じている状態で、このときは.no-scrollは不要
19    if ($fade.hasClass('hide')) {
20      $body.removeClass('no-scroll').off('.noScroll');
21    } else {
22      // メニューが開いている時に、bodyに.no-scrollを追加してスクロールさせない
23      $body.addClass('no-scroll').on('touchmove.noScroll', function(e){
24        e.preventDefault();
25      });
26    }
27  });
28}