https://kikkawajibi.com/wp/wp-content/themes/system-p-template/js/main.js

1$(function () {
2/******************************
3telリンク処理
4******************************/
5$(function() {
6  var ua = navigator.userAgent.toLowerCase();
7  var isMobile = /iphone/.test(ua)||/android(.+)?mobile/.test(ua);
8
9  if (!isMobile) {
10    $('a[href^="tel:"]').on('click', function(e) {
11      e.preventDefault();
12    });
13  }
14});
15/******************************
16pagetop
17******************************/
18var topBtn = $('.pagetop');
19topBtn.hide();
20$(window).scroll(function () {
21	if ($(this).scrollTop() > 100) {
22		topBtn.fadeIn();
23	} else {
24		topBtn.fadeOut();
25	}
26});
27//スクロールしてトップ
28topBtn.click(function () {
29	$('body,html').animate({
30		scrollTop: 0
31	}, 500);
32	return false;
33});
34/******************************
35fixHeader
36******************************/
37var $nav = $('nav'),
38navHead = $nav.offset().top;
39$(window).on("scroll", function () {
40//scrollTopの値の分スクロールしたらナビに.fixedが追加される。
41if ($(this).scrollTop() > navHead) {
42    $nav.addClass('fixed');
43 
44    
45} else {
46    $nav.removeClass('fixed');
47
48}
49});
50/******************************

51slideDownNavi2
52******************************/
53$("nav li").hover(
54	function () {
55		$(this).children('div').stop().slideDown(90);
56		$(this).addClass("active2");
57	},
58	function () {
59		$(this).children('div').stop().slideUp(90);
60		$(this).removeClass("active2");
61	});
62});
63/******************************
64アンカーリンク
65******************************/
66var mql = window.matchMedia('(min-width: 641px)');
67var pcNavHeight = 70;
68var spNavHeight = 60;
69var handleMediaQuery = function(mql) {
70var urlHash = location.hash;
71if (mql.matches) {
72  // 641px以上の場合の処理
73  if(urlHash) {
74      $('body,html').stop().scrollTop(0);
75      setTimeout(function(){
76          var target = $(urlHash);
77          var position = target.offset().top - pcNavHeight;
78          $('body,html').stop().animate({scrollTop:position}, 500);
79      }, 100);
80    }
81    $('a[href^="#"]').click(function() {
82        var href= $(this).attr("href");
83        var target = $(href);
84        var position = target.offset().top - pcNavHeight;
85        $('body,html').stop().animate({scrollTop:position}, 500);
86    });
87  } else {
88    // 641px未満の場合の処理
89    if(urlHash) {
90      $('body,html').stop().scrollTop(0);
91      setTimeout(function(){
92          var target = $(urlHash);
93          var position = target.offset().top - spNavHeight;
94          $('body,html').stop().animate({scrollTop:position}, 500);
95      }, 100);
96    }
97    $('a[href^="#"]').click(function() {
98        var href= $(this).attr("href");
99        var target = $(href);
100        var position = target.offset().top - spNavHeight;
101        $('body,html').stop().animate({scrollTop:position}, 500);
102    });
103  }
104};
105
106mql.addListener(handleMediaQuery);
107handleMediaQuery(mql);