https://100webdesign.jp/wp-content/themes/100web/assets2025/cmn/js/cmn.js

1var _st, _ww, _wh, mst, _cmn_hd_h;
2var switchPoint = 992;
3var scrollPosition;
4
5//load
6$(window).on('load', function () {
7  _st = $(window).scrollTop();
8  _ww = $(window).width();
9  _wh = $(window).height();
10});
11
12//resize scroll
13$(function () {
14  $(window).on('resize scroll', function () {
15    _st = $(window).scrollTop();
16    _ww = $(window).width();
17    _wh = $(window).height();
18  });
19});
20
21/*local_nav*/
22var _window = $(window),
23  _header = $('.cmn-header');
24
25_window.on('scroll', function () {
26  if (_window.scrollTop() > 0) {
27    _header.addClass('fixed');
28  } else {
29    _header.removeClass('fixed');
30  }
31});
32
33$(window).on('load', function () {
34  /*m_height*/
35  $('.m_height').matchHeight();
36  $('.m_height2').matchHeight();
37  $('.m_height3').matchHeight();
38  $('.m_height_job').matchHeight();
39});
40
41var resizeTimer;
42$(window).on('resize', function () {
43  clearTimeout(resizeTimer);
44  resizeTimer = setTimeout(function () {
45    var windowWidth = $(window).width();
46    if (windowWidth >= 768) { // 特定のブラウザサイズの条件
47      $('.m_height_job').matchHeight({remove: true});
48      setTimeout(function () {
49        $('.m_height_job').matchHeight();
50      }, 100); // 遅延時間（ミリ秒）
51    }
52    if (windowWidth > 991) { // もしウィンドウ幅が991を超える場合
53      $('.m_height_job').matchHeight(); // 追加の処理
54    }
55  }, 100); // 遅延時間（ミリ秒）
56});
57
58/*gMENU*/
59$(function () {
60//var scrollPosition;
61  $('#gnavBtn').click(function () {
62    if ($(this).hasClass('is-active')) {
63      $(this).removeClass('is-active');
64      $(this).addClass('is-close');
65      $('#gnav').fadeOut(function () {
66        $('#gnav').removeClass('is-active');
67      });
68      $(window).scrollTop(scrollPosition);
69    } else {
70      scrollPosition = $(window).scrollTop();
71      $('#gnav').fadeIn();
72      $('#gnav').addClass('is-active');
73      $(this).removeClass('is-close');
74      $(this).addClass('is-active');
75    }
76  });
77});
78
79/*fade_in*/
80// $(function(){
81//   $(window).on('load scroll', function() {
82//     $(".fade").each(function(){
83//       var imgPos = $(this).offset().top;
84//       var scroll = $(window).scrollTop();
85//       var windowHeight = $(window).height();
86//       if (scroll > imgPos - windowHeight + windowHeight/4){
87//         $(this).addClass("fade_in");
88//       }
89//     });
90//   });
91// });
92
93$(function () {
94  function fadeCheck() {
95    var scroll = $(window).scrollTop();
96    var windowH = $(window).height();
97    $(".fade").each(function () {
98      var pos = $(this).offset().top;
99      if (scroll > pos - windowH + windowH / 4) {
100        $(this).addClass("fade_in");
101      }
102    });
103  }
104
105  // load と scroll の両方で呼び出し
106  $(window).on("load scroll", fadeCheck);
107
108  // 初期表示用に一度だけ強制発火
109  $(window).trigger("scroll");
110});
111
112/*scroll*/
113$(function () {
114  $('a[href^="#"]').click(function () {
115    var adjust = -80;
116    var speed = 400;
117    var href = $(this).attr("href");
118    var target = $(href == "#" || href == "" ? 'html' : href);
119    var position = target.offset().top + adjust;
120    $('body,html').animate({scrollTop: position}, speed, 'swing');
121    return false;
122  });
123});
124
125/*gnav accordion_link*/
126var switchPoint2 = 768;
127if (window.innerWidth < switchPoint2) {//SP
128  $(function () {
129    $('.cmn-footer__menuWrapper .accordion-menu > a').click(function () {//footer
130      $(this).next('.sub-menu').slideToggle();
131      $(this).toggleClass("open");
132    });
133  });
134}
135
136var switchPoint3 = 992;
137if (window.innerWidth < switchPoint3) {//SP
138  $(function () {
139    $('.cmn-header__gnav .accordion-menu > a').click(function () {//gnav
140      $(this).next('.sub-menu').slideToggle();
141      $(this).toggleClass("open");
142    });
143  });
144}
145
146
147/*sec-recruit06__faq-list*/
148$(function () {
149  $(".sec-recruit06__faq-list .accordion-link").on("click", function () {
150    $(this).next().slideToggle().toggleClass("open");
151    $(this).toggleClass("open");
152  });
153});
154
155/*pageTop resize scroll'*/
156$(function () {
157  var _, ck, pos, stPos, fpd;
158  _ = $('#pageTop');

159  ck = [true, true];
160  $(window).on('scroll resize', function () {
161    pos = $('.cmn-footer__ttl').offset().top;
162    stPos = 0;
163    fpd = Number($('.cmn-footer__ttl').css('padding-top').replace('px', ''));
164
165    if (_st + $(window).height() - stPos > pos + fpd) {
166      $('#pageTop').addClass('keep');
167
168    } else {
169      $('#pageTop').removeClass('keep');
170    }
171    if (_st > 400) {
172      if (ck[0]) {
173        ck = [false, true];
174        _.fadeIn('easeOutSine');
175      }
176    } else {
177      if (ck[1]) {
178        ck = [true, false];
179        _.fadeOut('easeOutSine');
180      }
181    }
182  });
183});
184
185/*side_search_nav*/
186$(function () {
187
188  /*side_select*/
189  $('.sec-member-col.modal_open').click(function () {
190    if (!$(this).hasClass('is-active')) {
191      $('html').addClass('is-active');
192      $('.member-modal').fadeIn(1);
193      $('.member-modal').addClass('is-active');
194      $('.modal-bg').fadeIn();
195      $(this).addClass('is-active');
196      $('.member-modal__inner').empty();
197      var resultHTML = '';
198      resultHTML += '';
199      var dataNumber = $(this).attr('data-member-number');
200      resultHTML += $('[data-member-modal-number="' + dataNumber + '"]').html();
201      $('.member-modal__inner').append(resultHTML);// 結果をHTMLに表示
202    }
203  });
204
205  /*selectボタンクリック後の表示処理*/
206  function closeSelectModal() {
207    $('.member-modal').fadeOut(1);
208    $('.member-modal').removeClass('is-active');
209    $('.modal-bg').fadeOut();
210    $('.sec-member-col').removeClass('is-active');
211    $('.member-modal__outer').scrollTop(0);
212    $('html').removeClass('is-active');
213  }
214
215  $('.icon-close__inner, .modal-bg').click(function () {
216    closeSelectModal();
217  });
218
219});
220
221
222$(function () {
223  // パラメータ取得
224  function getParam(name, url) {
225    if (!url) url = window.location.href;
226    name = name.replace(/[\[\]]/g, "\\$&");
227    let regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
228      results = regex.exec(url);
229    if (!results) return null;
230    if (!results[2]) return '';
231    return decodeURIComponent(results[2].replace(/\+/g, " "));
232  }
233
234  // ページ読み込み時のタブ切り替え
235  let tabPram = ['tab-1', 'tab-2', 'tab-3', 'tab-4', 'tab-5', 'tab-6'];
236  let pram = getParam('active-tab');
237  if (pram && $.inArray(pram, tabPram) !== -1) {
238    $('.js-tab-cts,.js-tab-switch').removeClass('active');
239    $('[data-tab="' + pram + '"]').addClass('active');
240  }
241
242  // ロード後のタブ切り替え
243  $('.sec-recruit-entry-tbl__txt a, .js-tab-switch').on('click', function () {
244    let dataPram = $(this).data('tab');
245    $('.js-tab-cts,.js-tab-switch').removeClass('active');
246    $('[data-tab="' + dataPram + '"]').addClass('active');
247  });
248});
249
250
251/*lnav*/
252$(function () {
253  var win = $(window),
254    applyNav = $('.lnav-menuWrapper .lnav__inner'),
255    closeBtn = $('.lnav-menu-bottom.close_btn'),
256    showClass = 'is-show',
257    noshowClass = 'no-show';
258  var ckn = 0;
259  //win.on('load', function() {
260  //$applyNav.addClass(showClass);
261  //$closeBtn.addClass('is-active');
262  closeBtn.click(function () {
263    if ($('.lnav-menuWrapper').hasClass('is-active')) {
264      if ($(this).hasClass('is-close')) {
265        applyNav.removeClass(noshowClass);
266        $(this).removeClass('is-close');
267        $('.lnav-menuWrapper').removeClass('is-close');
268
269      } else {
270        applyNav.addClass(noshowClass);
271        $(this).addClass('is-close');
272        $('.lnav-menuWrapper').addClass('is-close');
273      }
274    }
275  });
276  //});
277});
278
279
280$(function () {
281  var win = $(window),
282    applyNav1_1 = $('.lnav-menuWrapper'),
283    applyNav2_1 = $('.lnav-menuWrapper .lnav__inner'),
284    closeBtn1_1 = $('.lnav-menu-bottom.close_btn'),
285    showClass = 'is-active',
286    noshowClass = 'no-active';
287  var ckn = 0;
288  win.on('scroll', function () {
289    //var cmn_hd = $('.cmn-header');
290    //var cmn_hd_height = cmn_hd.outerHeight();
291    //var cmn_hd_top = cmn_hd.offset().top;
292    //var navTop = (cmn_hd_height + cmn_hd_top) + 0;
293
294    if ($(".sec-recruit-form").length) {
295      var cmn_ft = $('.sec-recruit-form');
296      var cmn_ft_height = cmn_ft.outerHeight();
297      var cmn_ft_top = cmn_ft.offset().top;
298      var navTop02 = (cmn_ft_height + cmn_ft_top) + 0;
299
300      var navTop = 10;
301      var winTop = $(this).scrollTop();
302      if (!$(this).hasClass('is-close')) {
303        if ((winTop >= navTop) && (ckn == 0)) {//MENU OPEN前、はじめてスクロールが指定要素を超えた時
304          applyNav1_1.addClass(showClass);
305          applyNav2_1.addClass('is-show');
306          closeBtn1_1.addClass(showClass);
307          ckn = 1;
308        } else if ((winTop >= navTop) && (ckn == 1)) {//MENU OPEN後、スクロールがページTOPに戻ったが、再度指定要素を超えた時
309          applyNav1_1.removeClass(noshowClass);
310          applyNav1_1.addClass(showClass);
311        } else if ((winTop <= navTop) && (ckn == 1)) {//MENU OPEN後、スクロールがページTOPに戻った時
312          //$applyNav.addClass(noshowClass);
313          //$closeBtn.addClass('is-close');
314        }
315      }
316
317      /*if ($closeBtn.hasClass('is-active') && (winTop >= cmn_ft_top)) {

318        $('.lnav-menuWrapper').addClass(noshowClass);//問い合わせフォームを超えたら、MENUを閉じる
319      }*/
320    }
321  });
322
323  // portfolio
324  var $container = $('#d-port');
325  $container.imagesLoaded(function () {
326    $container.masonry({
327      itemSelector: '.d-port-item',
328      columnWidth: 228,
329      isFitWidth: true
330    });
331  });
332
333  $('.d-port-item-img').magnificPopup({
334    delegate: 'a',
335    type: 'image',
336    gallery: { //ギャラリー表示にする
337      enabled: true
338    }
339  });
340
341  var d_intro_text = $("#d-intro span").height();
342  var small_height = 120; //This is initial height.
343  if(d_intro_text > small_height) {
344    $(".show_more").click(function() {
345      var show_text = $(this)
346        .parent(".designer__prof")
347        .find("#d-intro");
348      var original_height = show_text.css({ height: "auto" }).height();
349
350      show_text
351        .height(small_height)
352        .animate({ height: original_height }, 300, function() {
353          show_text.height("auto");
354        });
355      $(this).hide();
356    });
357  }else{
358    $(".show_more").css("display", "none");
359    $("#d-intro").css({
360      "margin-bottom": "0",
361      "height": "auto",
362    });
363  }
364
365});
366
367
368_window.trigger('scroll');