https://epark.jp/v2/js/vue/search_modal.js?ver=202609291210

1// JavaScript Document
2
3$(window).on('load', function(){
4  
5  //検索用モーダル
6  var scrollpos;//スクロール位置保存用
7  var fadeSpeed = 150;
8  let inobounceScript;
9  // ボタンで指定した検索モーダルオープン
10  $('.btn_open_search_modal').click(function(){
11    // iOS端末のバウンス効果をなくすためinobounce.js使用
12    inobounceScript     = document.createElement('script');
13    inobounceScript.src = INOBOUNCE_SCRIPT_SOURCE;
14    document.body.appendChild(inobounceScript);
15
16    open_search_modal($(this).data('open_target'));
17  });
18  
19  function open_search_modal(opened_modal_name) {
20    // PCユーザまたは、ジャンルトップからモーダルを開いた際に画面全体を覆うheightを設定する
21    if (IS_PC_USER || opened_modal_name === '#area_search_modal' || opened_modal_name === '#station_search_modal') {
22      $('#search_modal_overlay').css('height', $(document).outerHeight());
23    }
24    scrollpos = scroll_stop();//スクロールストップ
25    $(opened_modal_name).css('top', scrollpos);
26    $('#search_modal_overlay, ' + opened_modal_name).fadeIn(fadeSpeed);
27  }
28  // スクロールストップする
29  function scroll_stop() {
30    var scrollpos;
31    var scroll_bar;
32    scroll_bar = window.innerWidth - $(window).width();
33    scrollpos = $(window).scrollTop();
34    $('body').addClass('fixed').css({'top': -scrollpos, 'padding-right':scroll_bar + 'px'});
35    return scrollpos;
36  }
37  
38  // スクロール再開する
39  function scroll_start(scrollpos) {
40    $('body').removeClass('fixed').css({'top': 0, 'padding-right': 0});
41    window.scrollTo( 0 , scrollpos );
42  }
43
44  // モーダル外押下で閉じる
45  $(document).on('click','#search-main #search_modal_overlay' ,function() {
46    close_search_modal($(this).data('close_target'));
47  });
48  $(document).on('click','#modal_more_search' ,function(e) {
49    e.stopPropagation()
50  });
51
52  // クローズボタン
53  $(document).on('click','.btn_modal_close' ,function() {
54    close_search_modal($(this).data('close_target'));
55  });
56
57  function close_search_modal(close_modal_name) {
58    $('#search_modal_overlay, ' + close_modal_name).fadeOut(fadeSpeed, function(){
59
60    });
61    scroll_start(scrollpos);//スクロール再スタート
62    iNoBounce.disable(); // iNoBounce無効
63    document.body.removeChild(inobounceScript);
64  }
65});