https://dt-a.jp/blog/cmn/js/pc/index.js

1$(function() {
2/*==================================
3png対応
4==================================*/
5if(navigator.userAgent.indexOf("MSIE") != -1) {
6		$('img.pngalpha').each(function() {
7			if($(this).attr('src').indexOf('.png') != -1) {
8				$(this).css({
9					'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + $(this).attr('src') + '", sizingMethod="scale");'
10				});
11			}
12		});
13	}
14	
15/*==================================
16mouseover
17==================================*/
18	$('.over').mouseover(function(){
19		$(this).css('opacity', '.2').animate({'opacity': '1'} );
20	});
21	
22
23/*==================================
24main_menu
25==================================*/
26	$("#main_menu li:not(.current,.soon)").addClass("out").hover(function(){
27		$(this).removeClass("out");
28		$(this).find("a").stop().animate({'opacity' : '0'}, 400);
29	}, function(){
30		$(this).find("a").stop().animate({'opacity' : '1'}, {duration: 400,
31			complete: function(){
32				$(this).parent().addClass("out");
33			}
34		});
35	});
36
37/*==================================
38colorbox
39==================================*/
40	$(".cbox").colorbox({});
41	$(".cbox_group1").colorbox({rel:'group1'});
42	$(".cbox_youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
43
44/*==================================
45scrEvent
46==================================*/
47    var setElm = $('.scrEvent'),
48    delayHeight = 100;
49 
50    setElm.css({display:'block',opacity:'0'});
51    $('html,body').animate({scrollTop:0},1);
52 
53    $(window).on('load scroll resize',function(){
54        setElm.each(function(){
55            var setThis = $(this),
56            elmTop = setThis.offset().top,
57            elmHeight = setThis.height(),
58            scrTop = $(window).scrollTop(),
59            winHeight = $(window).height();
60            if (scrTop > elmTop - winHeight + delayHeight && scrTop < elmTop + elmHeight){
61                setThis.stop().animate({opacity:'1'},200); // 【上】からスクロールしてきた時のイベント
62            }
63        });
64    });
65
66/*==================================
67pagetop
68==================================*/
69	var topBtn = $('#btn_pagetop');	
70	topBtn.hide();
71	//スクロールが100に達したらボタン表示
72	$(window).scroll(function () {
73		if ($(this).scrollTop() > 200) {
74			topBtn.fadeIn();
75		} else {
76			topBtn.fadeOut();
77		}
78	});
79	//スクロールしてトップ
80    topBtn.click(function () {
81		$('body,html').animate({
82			scrollTop: 0
83		}, 500);
84		return false;
85    });
86	
87/*==================================
88scroll
89==================================*/
90$('a[href^=#]').click(function() {
91      var speed = 400; 
92      var href= $(this).attr("href");
93      var target = $(href == "#" || href == "" ? 'html' : href);
94      var position = target.offset().top;
95      $('body,html').animate({scrollTop:position}, speed, 'swing');
96      return false;
97   });
98
99/*==================================
100spnav
101==================================*/
102$('.navbtn').click(function(){
103  console.log('nav');
104  if(!$(this).hasClass('active')){
105    $(this).addClass('active');
106    $('.spnav .navinner').slideDown();
107    }else{
108    $(this).removeClass('active');
109    $('.spnav .navinner').slideUp();
110  }
111});
112
113$('.spnav .navinner').click(function(){
114  if($('.navbtn').hasClass('active')){
115    $('.navbtn').removeClass('active');
116    $(this).slideUp();
117    }
118});
119
120/*==================================
121sp判別
122==================================*/
123const ua = navigator.userAgent;
124if (ua.indexOf('iPhone') > -1 || (ua.indexOf('Android') > -1 && ua.indexOf('Mobile') > -1)) {
125    // スマートフォン
126    $('body').addClass('sp');
127} else if (ua.indexOf('iPad') > -1 || ua.indexOf('Android') > -1) {
128    // タブレット
129    $('body').removeClass('sp');
130} else {
131    // PC
132    $('body').removeClass('sp');
133}
134});