https://make-visual.com/wp/wp-content/themes/make_template_from_20251226/common/js/common.js?20250725

1// リンク無効
2$(function () {
3    $(".is-noLink a").click(function () {
4        return false;
5    });
6});
7// smooth scroll
8$(document).ready(function () {
9    $('a[href^="#"]').click(function () {
10        let speed = 600; // ミリ秒で記述
11        let href = $(this).attr("href");
12        let target = $(href == "#" || href == "" ? "html" : href);
13        let position = target.offset().top;
14        $("body,html").animate({ scrollTop: position }, speed, "swing");
15        return false;
16    });
17});
18
19// グローバルナビ
20$(function ($) {
21    $(function () {
22        var scrollPos;
23        var $header = $("#header-contents");
24        // Nav Fixed
25        $(window).scroll(function () {
26            if ($(window).scrollTop() > 350) {
27                $header.addClass("fixed");
28            } else {
29                $header.removeClass("fixed");
30            }
31        });
32        // Nav Toggle Button
33        $(".box-nav-toggle").click(function () {
34            $header.toggleClass("open");
35            if ($("body").hasClass("fix")) {
36                $("body")
37                    .removeClass("fix")
38                    .css("top", 0 + "px");
39                window.scrollTo(0, scrollPos);
40                $(".nav-global-inner,.header-bg-01").stop(true, true).fadeOut();
41            } else {
42                scrollPos = $(window).scrollTop(); //現在のスクロール位置
43                $("body")
44                    .addClass("fix")
45                    .css("top", -scrollPos + "px");
46                $(".nav-global-inner,.header-bg-01").css("display", "none").fadeIn();
47            }
48        });
49        $(".header-bg-01").click(function () {
50            $(".box-nav-toggle").trigger("click");
51        });
52    });
53});
54
55// 上に戻るボタンのフェードイン・アウト
56$(function () {
57    $(window).scroll(function () {
58        //200pxスクロールしたら
59        if ($(this).scrollTop() > 200) {
60            //フェードインで表示
61            $(".area-common-btn").fadeIn();
62        } else {
63            $(".area-common-btn").fadeOut();
64        }
65    });
66});
67
68// modal
69function modalWindow(key, content, closeBtn) {
70    let winScrollTop;
71    jQuery(key).each(function () {
72        jQuery(this).on("click", function () {
73            winScrollTop = jQuery(window).scrollTop();
74            let target = jQuery(this).data("target");
75            let modal = document.getElementById(target);
76            jQuery(modal).fadeIn();
77            return false;
78        });
79    });
80    jQuery(closeBtn).on("click", function () {
81        jQuery(content).fadeOut();
82        jQuery("body,html").stop().animate({ scrollTop: winScrollTop }, 100);
83        return false;
84    });
85}
86
87/*headerスクロールイベント,検索ボックス
88document.addEventListener( 'DOMContentLoaded', function() {
89    const header = document.querySelector("header #nav-global");
90    let preScroll = 0;  // 前回のスクロール量
91    let scrolled = 0;  // 現在のスクロール量
92    
93    
94    if (navigator.userAgent.match(/iPhone|Android.+Mobile/) || window.matchMedia("(max-width: 768px)").matches) {
95
96        const search = document.querySelector("header #searchArea");
97        const searchBtn = document.querySelector(".button-search");
98        const closehBtn = document.querySelector(".button-close");
99        let height = "top: " + search.offsetHeight * -1 + "px";
100        search.style = height; 
101
102        searchBtn.addEventListener("click", ()=>{
103
104            // if(searchBtn.classList.contains( "open" )){  
105            //     search.style = height; 
106            //     searchBtn.classList.remove('open');
107            // }else{  
108                search.style = "top: 0"
109                searchBtn.classList.add('open');
110            // }
111        });
112        closehBtn.addEventListener("click", ()=>{
113            search.style = height; 
114            searchBtn.classList.remove('open');
115        });
116
117    } else { 
118        window.addEventListener("scroll", ()=>{
119            preScroll = scrolled;
120            scrolled = window.scrollY;
121            const search = document.querySelector("header #searchArea.sub");
122
123            if(scrolled > 120 && scrolled > preScroll){  
124                header.style = "top: -8vw"; 
125                search.style = "top: -4vw"; 
126            }else{  
127                header.style = "top: 0"; 
128                search.style = "top: 4vw"; 
129            }
130        });
131    }
132}); */