https://thejexertokyo.jp/annex/index/js/index.js

1$(function() {
2  $('body').css('display','none');
3
4  $('header').removeClass('change');
5  $('nav ul li.n1 a').attr('href', '#concept');
6  $('nav ul li.n4 a').attr('href', '#entry');
7  $('nav ul li.n5 a').attr('href', '#guide');
8});
9
10$(function(){
11  $(window).on('load', function(){ //全ての読み込みが完了したら実行
12    $('body').css('display', 'block');
13
14    setTimeout(function(){
15        $('#mainVisual').addClass('appear');
16    }, 300);
17
18    var $setElm = $('.viewer'),
19    fadeSpeed = 2000,
20    switchDelay = 6000;
21    
22    $setElm.each(function(){
23        var targetObj = $(this);
24        var findUl = targetObj.find('ul');
25        var findLi = targetObj.find('li');
26        var findLiFirst = targetObj.find('li:first');
27    
28        findLi.css({display:'block',opacity:'0',zIndex:'1'});
29        findLiFirst.css({zIndex:'2'}).stop().animate({opacity:'1'},fadeSpeed);
30    
31        setInterval(function(){
32            findUl.find('li:first-child').animate({opacity:'0'},fadeSpeed).next('li').css({zIndex:'2'}).animate({opacity:'1'},fadeSpeed).end().appendTo(findUl).css({zIndex:'1'});
33        },switchDelay);
34    });
35  });
36});
37
38$(function(){
39    var Header = $('header');
40    var BottomPos = 0; // ボタンの画面下からの位置を指定
41    $(window).scroll(function(e) {
42      $window = $(e.currentTarget);
43      WindowHeight = $window.height(); // ウィンドウの高さ
44      PageHeight = $(document).height(); // ページの高さ
45      footerHeight = $('footer').height(); // フッタの高さ
46      ScrollTop = $window.scrollTop(); // スクロールした量
47
48      if(isSP()){
49        scrollPos = 400;
50      }else{
51        scrollPos = 750;
52      }
53
54      //スクロール位置が100以上
55      if ($(this).scrollTop() > scrollPos) {
56        Header.addClass('change');
57      } 
58      else {
59        Header.removeClass('change');
60      }
61
62    });
63});
64
65// PC・SP判別
66var isSP = function(){
67  if($(window).width() > 768){
68      return false;
69  }else{
70      return true;
71  }
72};
73
74if(isSP()){
75  slidesShowNum = 1;
76}else{
77  slidesShowNum = 3;
78}
79
80//--slider
81$(function(){
82
83var $slider_container = $('.slider-container'),
84    $slider = $('.slider');
85
86    // はじめはdisplay:noneしておき、.initializedが追加されたらdisplay:block
87    $slider.on('init', function(){
88      $slider_container.addClass('initialized');
89    });
90
91    $slider.on('init', function(event, slick) {
92    })
93    .slick({
94      // 矢印キーでスライドを切り替えるか [初期値:true]
95      accessibility: true,
96
97      // 自動再生するか [初期値:false]
98      autoplay: true,
99
100      // 自動再生で切り替えする時間(ミリ秒) [初期値:3000]
101      autoplaySpeed: 3000,
102
103      // 矢印ボタンの生成位置を変更 [初期値:$('.my-slide)]
104      // appendArrows: $('.slider-container'),
105      appendArrows: $('.slider'),
106
107      // マウスドラッグでスライドの切り替えをするか [初期値:true]
108      draggable: true,
109
110      // ドットナビゲーションを表示するか [初期値:false]
111      dots: true,
112
113      // スライド切り替えをフェードするか [初期値:false]
114      fade: false,
115
116      // モバイルファーストにするか [初期値:false]
117      mobileFirst: false,
118
119      // autoplay:trueのとき、マウスフォーカスしたら一時停止させるか [初期値:true]
120      pauseOnFocus: true,
121
122      // autoplay:trueのとき、マウスホバーしたら一時停止させるか [初期値:true]
123      pauseOnHover: true,
124
125      // autoplay:trueのとき、ドットナビゲーションをマウスホバーしたら一時停止させるか [初期値:false]
126      pauseOnDotsHover: false,
127
128      // レスポンシブ設定の基準（window/slider/min） [初期値:'window']
129      respondTo: 'window',
130
131      // スライド部分の要素のタグ名 [初期値:'']
132      slide: 'div',
133
134      // スライドを何枚表示させるか
135      slidesToShow: slidesShowNum,
136
137      // スライド/フェードさせるスピード（ミリ秒） [初期値:300]
138      speed: 1500,
139
140      // スワイプを検知するか [初期値:true]
141      swipe: true,
142
143      // スライドアニメーション中サムネイルをクリックしたとき反応させないか [初期値:true]
144      waitForAnimate: true,
145
146    })
147
148});
149
150//アンカーリンク調整
151$(window).on('load', function(){
152  var hash = location.hash.split('#')[1];
153
154  if($('#bannerArea').length){
155    if (window.matchMedia('(max-width: 768px)').matches) {
156      var anchorDiff = $(window).width()*1.357;
157    }else{
158      var anchorDiff = $(window).width()*0.43;
159    }
160  }else{
161    var anchorDiff = 0;
162  }
163
164
165  if (window.matchMedia('(max-width: 768px)').matches) {
166    var headerHeight = $(window).width()*0.192;
167  }else{
168    var headerHeight = 132;
169  }
170
171  if(hash == 'news'){
172    if (window.matchMedia('(max-width: 768px)').matches) {
173      var pos = $(window).width()*1.475 - headerHeight + anchorDiff;
174    }else{
175      var pos = $(window).width()*0.55 - headerHeight + anchorDiff;
176    }
177    $("html,body").animate({ scrollTop: pos }, 500, "swing");
178  }
179});