https://www.ise-cci.or.jp/mainsite_assets/js/main.js

1$(function(){
2
3    // 変数など ///////////////////////////////////////////// -->
4    windowObj = $(window);
5    var scrollTop = 0;
6    // サイド固定：入会案内
7    var sidefixJoin = $(".header_sidefix_join");
8    // GoTOPボタン
9    var topBtn = $(".footer_btmfix").find('.gotop');
10    // モーダルメニュー角丸
11    var modalBtn = $('.header_modalmenu_open.js-radius');
12    // TOP スライダー
13    var homeMainsliderInner = $('.home_mainslider_inner');
14    // リサイズ処理用
15    var resizeTimer = false;
16    var nowWidth;
17    var nowHeight;
18    var preWidth = windowObj.width();
19    var preHeight = windowObj.height();
20
21    // 読み込み時 ///////////////////////////////////////////// -->
22    if (homeMainsliderInner.length != 0) {
23        homeMainsliderSlick();
24    }
25
26    smoothGotop();
27
28    // ロード時 ///////////////////////////////////////////// -->
29    // windowObj.on("load", function () {
30    // });
31
32    // リサイズ時 ///////////////////////////////////////////// -->
33    windowObj.on("resize", function () {
34        if (resizeTimer !== false) {
35            clearTimeout(resizeTimer);
36        }
37        resizeTimer = setTimeout(function () {
38            nowWidth = windowObj.width();
39            nowHeight = windowObj.height();
40            if (preWidth !== nowWidth || preHeight !== nowHeight) {
41
42                if (homeMainsliderInner.length != 0) { // TOPにスライドある時
43                    homeMainsliderSlick();
44                }
45
46            }
47            preWidth = nowWidth;
48            preHeight = nowHeight;
49        }, 150);
50    });
51
52    // スクロール時 ///////////////////////////////////////////// -->
53    windowObj.on("scroll", function () {
54        scrollTop = windowObj.scrollTop();
55
56        showGotop();
57        showSidefixJoin();
58        hideModalbtnRadius();
59
60    });
61
62
63    // トピックス 初期選択タブ ///////////////////////////////////////////// -->
64    /* パラメータで指定したラジオボタンにチェックをつける */
65    if ($('.topics_arch_body').length != 0) {
66        var param = location.search;
67        var targetStr = '?tab=';
68        // targetStrがURLの一部にマッチするか
69        if(param.indexOf(targetStr) > -1) {
70            param = param.replace(targetStr, ""); // パラメータからtargetStrを削除
71            param = '#'+param;
72            if ($(param).length != 0) { // 指定ラジオボタン存在するか
73                $('input[name="topics_tabs"]:checked').prop('checked', false);
74                $(param).prop('checked', true);
75            }
76        }
77    }
78
79    // モーダルメニュー 角丸 ///////////////////////////////////////////// -->
80    function hideModalbtnRadius() {
81        if ( !(window.matchMedia('(max-width: 1000px)').matches) ) {
82            if (scrollTop >= 1 ) {
83                modalBtn.addClass("off");
84            } else {
85                modalBtn.removeClass("off");
86            }
87        }
88    }
89
90    // TOP slickスライダー ///////////////////////////////////////////// -->
91    function homeMainsliderSlick() {
92        homeMainsliderInner.slick({
93            dots: true,
94            infinite: true,
95            speed: 1000,
96            // slidesToShow: 2,
97            // slidesToScroll: 1,
98            arrows: false,
99            autoplay: true,
100            autoplaySpeed: 5000,
101            // fade: false,
102            // pauseOnHover: true,
103            centerMode: true,
104            // centerPadding: '30000px',
105            variableWidth: true,
106            responsive: [
107                {
108                breakpoint: 1000,
109                settings: {
110                    slidesToShow: 1,
111                    fade: true,
112                    centerMode: false,
113                    variableWidth: false,
114                }
115                },
116            ]
117        });
118    }
119
120
121    // sidefixJoinボタン表示 ///////////////////////////////////////////// -->
122    function showSidefixJoin() {
123        if ( !(window.matchMedia('(max-width: 1000px)').matches) ) {
124            if (scrollTop > 300) {

125                sidefixJoin.fadeIn();
126            } else {
127                sidefixJoin.fadeOut();
128            }
129        }
130    }
131
132    // GOTOPボタン表示 ///////////////////////////////////////////// -->
133    function showGotop() {
134        if ( !(window.matchMedia('(max-width: 1000px)').matches) ) {
135            if (scrollTop > 300) {
136                topBtn.fadeIn();
137            } else {
138                topBtn.fadeOut();
139            }
140        }
141    }
142
143    // GOTOP スムーススクロール ///////////////////////////////////////////// -->
144    function smoothGotop() {
145        topBtn.click(function () {
146            $("body,html").animate(
147                {
148                    scrollTop: 0
149                },
150                500
151            );
152            return false;
153        });
154    }
155
156
157});
158
159