https://www.myu.ac.jp/packages/main_theme/themes/myu/js/common.js

1$(window).on({'load' : function() {
2
3	//ウィンドウサイズ取得
4	windowChange();
5	$(window).resize(function() {
6		windowChange();
7	});
8
9	$('video').contextmenu(function() { return false; });
10
11	if($('html.ccm-toolbar-visible').length == 0) {
12		// #で始まるアンカーをクリックした場合に処理
13		$('a[href^="#"]').not('.inline').click(function() {
14			// スクロールの速度
15			var speed = 400; // ミリ秒
16			// アンカーの値取得
17			var href= $(this).attr("href");
18			// 移動先を取得
19			var target = $(href == "#" || href == "" ? 'html' : href);
20			// 移動先を数値で取得
21			var position = target.offset().top;
22			// スムーススクロール
23			$('body,html').animate({scrollTop:position}, speed, 'swing');
24			return false;
25		});
26	} // ccm-toolbar-visible==0
27
28	//スマホ用のスライドメニュー
29	var winW = $(window).width();
30	if(winW < 768) {
31		$("#menu").click(function () {
32			if($(this).hasClass("on")){
33				$(this).removeClass("on");
34				$("#global-nav").slideUp("fast");
35			} else {
36				$(this).addClass("on");
37				$("#global-nav").slideDown("fast");
38			}
39		});
40	}
41
42	//シーズ集のスライドメニュー
43	$(".seeds-box h4").click(function () {
44		if($(this).hasClass("on")){
45			$(this).removeClass("on");
46			$(this).next(".seeds-wrap").slideUp("fast");
47		} else {
48			$(this).addClass("on");
49			$(this).next(".seeds-wrap").slideDown("fast");
50		}
51	});
52	//ライフスタイルのスライドメニュー
53	$(".more-area .more").click(function () {
54		if($(this).hasClass("on")){
55			$(this).removeClass("on");
56			$(this).next(".more-box").slideUp("fast");
57		} else {
58			$(this).addClass("on");
59			$(this).next(".more-box").slideDown("fast");
60		}
61	});
62
63	//シーズ集のローカルナビ
64	$("#local-nav .click").click(function () {
65		if($(this).hasClass("on")){
66			$(this).removeClass("on");
67			$(this).next("ul").slideUp("fast");
68		} else {
69			$(this).addClass("on");
70			$(this).next("ul").slideDown("fast");
71		}
72		return false;
73	});
74	$("#local-nav .click.on").next("ul").css("display","block");
75
76	//テーブルスクロール
77	$("table.scroll").wrap("<div class='scroll'></div>");
78	$("table.scrollmb20").wrap("<div class='scrollmb20'></div>");
79	$("table.teacher-list").wrap("<div class='scroll'></div>");
80	$("div.scroll").before('<p class="scroll-txt">左右にスクロールしてご覧ください。</p>');
81	$("div.scrollmb20").before('<p class="scroll-txt">左右にスクロールしてご覧ください。</p>');
82
83	//検索
84	$(".search-icon #s-btn").click(function () {
85		if($(this).hasClass("on")){
86			$(this).removeClass("on");
87			$("#search").fadeOut();
88		} else {
89			$(this).addClass("on");
90			$("#search").fadeIn();
91		}
92		$('.gsc-input').focus();
93	});
94
95	//オブジェクトフィット
96	objectFitImages();
97
98}});
99
100
101function windowChange() {
102	var winW = $(window).width();
103	//var winH = $(window).height();
104
105	//スライドショー
106	//$(".slick-list li .imgs").removeAttr('style');
107	if (winW < 768) {
108		var slideH = winW*0.4912;
109	}
110
111	$(".slick-dots").removeAttr('style');
112	$("#slide .home-title").removeAttr('style');
113	if (winW < 768) {
114		var slickDotsH = slideH;
115		$(".slick-dots").css("top",slickDotsH);
116		$("#slide .home-title").css("top",slickDotsH);
117	}
118	//サイトマップ
119	$(".sitemap-nav").children("li:even").addClass("clear-even");
120	$(".sitemap-nav").children("li:nth-child(3n+1)").addClass("clear-3n");
121}
122
123$(function(){
124	//グローバルナビカレント
125	$('#global-nav').naviRollOver({
126		keepFlg  : true,       // 見つけても処理続けるか
127		hashStrictCheck: true, // # つきの URL を別 URL として扱うか
128		firstStrictCheck: true,	// 最初の要素を厳密にチェックするか
129		className : 'on'    // カレントリンクに付与されるclass名
130	});
131	//ローカルナビカレント
132	$('#local-nav').naviRollOver({
133		keepFlg  : true,       // 見つけても処理続けるか
134		hashStrictCheck: true, // # つきの URL を別 URL として扱うか
135		//firstStrictCheck: true,	// 最初の要素を厳密にチェックするか
136		className : 'on'    // カレントリンクに付与されるclass名
137	});
138	//ニュースタブカレント
139	$('.category-tab').naviRollOver({

140		keepFlg  : true,       // 見つけても処理続けるか
141		hashStrictCheck: true, // # つきの URL を別 URL として扱うか
142		firstStrictCheck: true,	// 最初の要素を厳密にチェックするか
143		className : 'on'    // カレントリンクに付与されるclass名
144	});
145
146	//見出し
147	$('.m01:first').addClass("mt0");
148	$('.m21').wrapInner( '<span></span>' );
149
150	$(window).bind("scroll", function() {
151		// ドキュメントの高さ
152		var scrollHeight = $(document).height();
153		// スクロールした高さ
154		var scrollTop = $(window).scrollTop();
155		// ウィンドウの高さ+スクロールした高さ→ 現在のトップからの位置
156		var scrollPosition = $(window).height() + $(window).scrollTop();
157		// フッターの高さ
158		//var footHeight = $("#page-footer").height();
159		var footHeight = $("#page-footer").height() - 40;
160
161		// ページトップ
162		if ( scrollTop > 200 ) {
163			// gotopを表示
164			$("#page-top").fadeIn("fast");
165		} else {
166			// 元に戻す
167			$("#page-top").fadeOut("fast");
168		}
169		// スクロール位置がフッターまで来たら
170		if ( scrollHeight - scrollPosition  <= footHeight ) {
171			// フッターに固定
172			$("#page-top").css({"position":"absolute","bottom": "0px"});
173			$("#page-top").addClass("fix");
174			$("#side").addClass("bottom");
175		} else {
176			// 下に固定
177			$("#page-top").css({"position":"fixed","bottom": "0px"});
178			$("#page-top").removeClass("fix");
179			$("#side").removeClass("bottom");
180		}
181		// ヘッダー・グロナビ
182		var winW = $(window).width();
183		var headrNum = 56;
184		if(winW > 1039){
185			headrNum = 80;
186		}
187		if ( scrollTop > headrNum ) {
188			$("#page-header").addClass("fix");
189			$("#global-nav").addClass("fix");
190		} else {
191			$("#page-header").removeClass("fix");
192			$("#global-nav").removeClass("fix");
193		}
194
195	});
196
197});