https://www.huyouhinkaisyuu-shiga.com/wp-content/themes/huyouhin-shiga/js/price.js

1///////////// POPUP LINE /////////////
2$(function() {
3  var offset03 = $('.price_popup_line').offset().top;  // 要素の位置を取得
4  var height03 = $(window).height();  // ウィンドウの高さを取得
5
6  // 初回のスクロールイベントが発生した際、ポップアップが表示される
7  $(window).scroll(function () {
8    // スクロール位置が「.other_service」要素の位置を越えた場合
9    if ($(this).scrollTop() > offset03 - height03) {
10      // ポップアップが表示される
11      if (localStorage.getItem('popupClosed03') !== 'true') {  // ポップアップが閉じられていない場合
12        jQuery('.popup_line').addClass("active");
13        jQuery('.popup_line').removeClass("hidden");
14      }
15    } else {
16      // スクロール位置が「.other_service」要素の手前に戻った場合、ポップアップを隠す
17      jQuery('.popup_line').removeClass("active");
18      jQuery('.popup_line').addClass("hidden");
19    }
20  });
21
22  // ポップアップバナーの閉じるボタンがクリックされた場合の処理
23  $('.popup-close').on('click', function () {
24    $('.popup_line').removeClass('active');
25    $('.popup_line').addClass('hidden');
26
27    // ポップアップが閉じられたことをlocalStorageに保存
28    localStorage.setItem('popupClosed03', 'true');
29  });
30
31  // ポップアップ外側をクリックしたらポップアップを閉じる
32  $('.popup_line').on('click', function () {
33    // .popup-banner内のクリックを無視する
34    if (!$(event.target).closest('.popup-banner').length) {
35      $('.popup_line').removeClass('active');
36      // ポップアップが閉じられたことをlocalStorageに保存
37      localStorage.setItem('popupClosed03', 'true');
38    }
39  });
40
41  // ポップアップ内のクリックをバブリングしないようにする
42  $('.popup-banner').on('click', function(event) {
43    event.stopPropagation();
44  });
45});
46
47
48
49
50