https://www.miyakomainichi.com/wp-content/themes/miyako-mainichi2021/js/main.js

1// JavaScript Document
2
3//ローディング
4$(window).on('load',function(){
5  // $("#js-loader").fadeOut(); これだけでOK
6  function loaderClose(){
7    $("#js-loader").fadeOut();
8  }
9  setTimeout(loaderClose, 500);
10});
11
12(function($) {
13  var $nav   = $('#dNav');
14var $spNav   = $('#spNav');
15	var $spNavBtn   = $('#spNav .sub_btns');
16  var $btn   = $('.toggle_btn');
17  var $mask  = $('#mask');
18  var open   = 'open'; // class
19var $subBtns = $('.sub_btns');
20var $subMenu = $('.sub_menu');
21var $closeBtn = $('.close_btn');
22var $closeSp = $('.close_sp');
23var show = 'show';
24//var $upDown = $('.sub_btns a i');
25  // menu open close
26  $btn.on( 'click', function() {
27    if ( ! $nav.hasClass( open ) ) {
28      $nav.addClass( open );
29    } else {
30      $nav.removeClass( open );
31    }
32  });
33	$btn.on( 'click', function() {
34    if ( ! $spNav.hasClass( open ) ) {
35      $spNav.addClass( open );
36    } else {
37      $spNav.removeClass( open );
38    }
39  });
40	$spNavBtn.on( 'click', function() {
41    if ( ! $(this).hasClass( 'show' ) ) {
42      $(this).addClass( 'show' );
43		$('.show a i').toggleClass('fa-caret-up');
44    } else {
45      $(this).removeClass( 'show' );
46		$('a i').removeClass('fa-caret-up');
47    }
48		
49  });
50  // mask close
51  $mask.on('click', function() {
52    $nav.removeClass( open );
53  });
54	$closeBtn.on('click', function() {
55    $nav.removeClass( open );
56  });
57	$closeSp.on('click', function() {
58    $spNav.removeClass( open );
59  });
60	$('.search_btn').on( 'click', function() {
61		$('.sp_search').toggleClass('showdown');
62	});
63	$('.s_close').on( 'click', function() {
64		$('.sp_search').removeClass('showdown');
65	});
66} )(jQuery);
67		
68$(function(){
69    $('#gNav .sub_btns').hover(function(){
70        $(".sub_menu:not(:animated)", this).slideDown();
71    }, function(){
72        $(".sub_menu",this).slideUp();
73    });
74});
75		$('#dNav .sub_btns').on('click', function () {
76    $(this).toggleClass('show');
77});
78		var windowWidth = $(window).width();
79var windowSm = 1024;
80if (windowWidth <= windowSm) {
81    //横幅1024px以下のとき（つまりスマホ時）に行う処理を書く
82} else {
83    //横幅640px超のとき（タブレット、PC）に行う処理を書く
84	$(function() {
85	var $win = $(window),
86$nav = $('#pcNav'),
87      navHeight = $nav.outerHeight(),
88      navPos = $nav.offset().top,
89      fixedClass = 'is-fixed';
90  $win.on('load scroll', function() {
91    var value = $(this).scrollTop();
92    if ( value > navPos ) {
93      $nav.addClass(fixedClass);
94		$('#contents').css('margin-top', navHeight);
95    } else {
96      $nav.removeClass(fixedClass);
97		$('#contents').css('margin-top', 0);
98    }
99  });
100});
101}
102		//topへ
103function getScrolled() {
104 return ( window.pageYOffset !== undefined ) ? window.pageYOffset: document.documentElement.scrollTop;
105}
106
107//トップに戻るボタンの要素を取得
108var topButton = document.getElementById( 'gotop' );
109
110//ボタンの表示・非表示
111window.onscroll = function() {
112  ( getScrolled() > 500 ) ? topButton.classList.add( 'fade-in' ): topButton.classList.remove( 'fade-in' );
113};
114
115//トップに移動する関数
116function scrollToTop() {
117  var scrolled = getScrolled();
118  window.scrollTo( 0, Math.floor( scrolled / 2 ) );
119  if ( scrolled > 0 ) {
120    window.setTimeout( scrollToTop, 60 );
121  }
122}
123
124//イベント登録
125topButton.onclick = function() {
126  scrollToTop();
127};