https://fitissa.com/js/layout03/main.js

1$(document).ready(function() {
2    //手機板選單功能，數字為手機板選單要出現的寬度
3    mobileMenuInit(1000);
4
5    //上方主選單.menu的功能
6    menuInit();
7
8    //啟動選單上購物車下拉列表
9    gocartBtnInit();
10
11    //按鈕切換class功能
12    toggleBtnInit();
13
14    //側選單開合
15    sideNavInit();
16
17    //語系下拉，沒有下拉請註解這行
18    languageMenuInit('.site-header .language');
19
20    //表單單選&多選按鈕選定時，在外層label加上 ckecked 的class
21    labelCkeckedInit();
22
23    //TOP按鈕的功能
24    gotopBtnInit();
25    masonry('.masonry-list');
26
27    //新增物件
28    /*服務項目背景*/
29    var txt1='<div class="s_topbg"></div>';
30    $(".service-sect").append(txt1);
31    /*服務項目跑馬燈*/
32    var txt2='<div class="s_marquee"><div class="track1"><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span></div><div class="track2"><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span></div><div class="track3"><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span><span>FIT ISSA</span></div></div>';
33    $(".service-sect").append(txt2);
34
35    //loaded載入效果
36    if ($(".about-sect").length > 0) {
37        $(".about-sect").addClass('wow1');
38        var afterReveal = function(e) {
39            var $ele = $(e);
40            $ele.addClass("loaded");
41        }
42        var wow1 = new WOW({
43            boxClass: 'wow1',
44            offset: 100,
45            callback: afterReveal
46        });
47        wow1.init();
48    }
49    if ($(".news-sect").length > 0) {
50        $(".news-sect").addClass('wow1');
51        var afterReveal = function(e) {
52            var $ele = $(e);
53            $ele.addClass("loaded");
54        }
55        var wow1 = new WOW({
56            boxClass: 'wow1',
57            offset: 100,
58            callback: afterReveal
59        });
60        wow1.init();
61    }
62    if ($(".service-sect").length > 0) {
63        $(".service-sect").addClass('wow1');
64        var afterReveal = function(e) {
65            var $ele = $(e);
66            $ele.addClass("loaded");
67        }
68        var wow1 = new WOW({
69            boxClass: 'wow1',
70            offset: 100,
71            callback: afterReveal
72        });
73        wow1.init();
74    }
75    //彈出視窗
76    $('.click_contract_box').click(function(event) {
77        if($('.contract_box').hasClass('active')) $('#ip2').val(0); else $('#ip2').val(1);
78        $('.contract_box').toggleClass('active');
79        syncFancyboxClose();
80    });
81    $('.in-close-btn').click(function(event) {
82        $('#ip2').val(0);
83        $('.contract_box').removeClass('active');
84        syncFancyboxClose();
85    });
86    function syncFancyboxClose() {
87        const closeBtn = parent.document.querySelector('.fancybox-close');
88        if (!closeBtn) return;
89        if ($('.contract_box').hasClass('active')) {
90            closeBtn.classList.add('no-show-close');
91        } else {
92            closeBtn.classList.remove('no-show-close');
93        }
94    }
95});
96
97$(window).on('scroll', function() {
98    if($('body').height()>($(window).innerHeight() + $('.site-header').height() + 70)){
99        //捲動超過header時，body會加上 header-fixed
100        if ($(this).scrollTop() > $('.site-header').height()){
101            $('body').addClass('header-fixed');
102        } else {
103            $('body').removeClass('header-fixed');
104        }
105    }
106}).scroll();