https://adastria-recruit.net/jobfind-pc/original/js/toppage.js

1/*-----------------------------------------------*/
2/*【toppage.js】
3/* 2021/10/04
4/*-----------------------------------------------*/
5/* ----------------------------------------------------------
6 init
7---------------------------------------------------------- */
8$(function(){
9  pageScroll();
10  pagetop();
11  gnavtg();
12  faqtg();
13});
14
15/* ----------------------------------------------------------
16 initial
17---------------------------------------------------------- */
18var $navimode = $("#js_selectplan")[0].getAttribute("data-pcnavi");
19var $breakpoint = parseInt($("#js_selectplan")[0].getAttribute("data-breakpoint"));
20var timer = false;
21if($navimode==="true"){
22	$("header").addClass("pcmode");
23}else{
24	$("header").addClass("spmode");
25}
26$(function(){
27gnavControl()
28});
29$(window).on("resize",function(){
30	if (timer !== false) {
31			clearTimeout(timer);
32	}
33	timer = setTimeout(function() {
34		gnavControl();
35	}, 200);
36});
37var gnavControl = function(){
38	var window_sp_width = $breakpoint > window.innerWidth;
39	if($navimode==="true"){
40		if(window_sp_width){
41			$("header").addClass("spmode").removeClass("pcmode");
42		}else{
43			$("header").addClass("pcmode").removeClass("spmode");
44			$(".gnav").removeAttr("style").removeClass("fixed");
45		}
46	}
47}
48
49/* ----------------------------------------------------------
50 pageScroll
51---------------------------------------------------------- */
52var pageScroll = function(){
53  $('#scroll_pagetop a[href^="#"]').click(function(){
54    var speed = 500;
55    var href= $(this).attr("href");
56    var target = $(href == "#" || href == "" ? 'html' : href);
57    var position = target.offset().top;
58    $("html, body").animate({scrollTop:position}, speed, "swing");
59    return false;
60  });
61};
62// 他のスムーススクロールはsmartloader.jsを利用
63
64/* ----------------------------------------------------------
65 pagetop
66---------------------------------------------------------- */
67var pagetop = function(){
68  var hTop = $('html').offset().top;
69  var $pageTop = $("#scroll_pagetop a");
70  var $footer  = $("#footer");
71  $(window).scroll(function() {
72    if ($(this).scrollTop() > hTop) {
73      $pageTop.fadeIn();
74    } else {
75      $pageTop.fadeOut();
76    }
77  });
78  $(window).scroll(function() {
79    var winHeight = $(this).innerHeight();
80    var ftOffset = $footer.offset().top;
81    var btnWrapHeight = $footer.height() - 130;
82    var stopPos  = ftOffset - (winHeight - btnWrapHeight);
83      // console.log($(this).scrollTop() + ' ／ ' + stopPos);
84    if($(this).scrollTop() >= stopPos) {
85      $pageTop.addClass("stop");
86    }
87    else {
88      $pageTop.removeClass("stop");
89    }
90  });
91};
92
93/* ----------------------------------------------------------
94  nav.gnav ハンバーガーメニュー
95---------------------------------------------------------- */
96var gnavtg = function(){
97  var $nav = $('.gnav');
98  var $tgbtn = $('.toggle_btn');
99  var $pgbody = $('html');
100  var $curwd = window.innerWidth;
101  // メニューボタン
102  var state = false;
103  var $pagepos;
104  $('.toggle_btn').click(function(){
105    $(this).toggleClass('open');
106    $nav.addClass('fixed').slideToggle();
107    // メニュー閉じた時にページ一番上へ戻るのを防止
108    if (state == false){
109      $pagepos = $(window).scrollTop();
110      $pgbody.addClass('is-fixed');
111      state = true;
112    } else {
113      $pgbody.removeClass('is-fixed').css({'top': 0});
114      window.scrollTo(0, $pagepos);
115      state = false;
116    }
117  }),
118  // リンククリック
119  $('.navcnt a').click(function(){
120		if($("header").hasClass("spmode")){
121    $tgbtn.removeClass('open');
122    $nav.slideUp();
123    $pgbody.removeClass('is-fixed');
124    state = false;
125		}
126  }),
127  // リサイズ
128  $(window).resize(function(){
129    if ($curwd == window.innerWidth) {
130      return; // 横幅が変わらないとき
131    }
132  }),
133  // デバイス回転
134  $(window).on('orientationchange', function(){
135    if($tgbtn.hasClass('open')){
136      return;
137    }
138  });
139};
140
141
142/* ----------------------------------------------------------
143  SP FAQ アコーディオン（表示・非表示）
144---------------------------------------------------------- */
145/* A のみ開閉 */
146var faqtg = function(){
147  var bp = 767;
148  $(".qa > dt").click(function(){
149    var w = $(window).innerWidth();
150    if( w <= bp){
151      $(this).toggleClass("show");
152      $(this).nextAll("dd").slideToggle();
153    }
154  });
155  $(window).on("resize",function(){
156    var w = $(window).innerWidth();
157    if( w > bp){
158      $(".qa > dt").removeClass("show");
159      $(".qa > dd").removeAttr("style");
160    }
161  });
162};
163