// JavaScript Document "use strict"; // スクロール検知 $(window).scroll(function(){ if( $(window).scrollTop() > 0){ $('body').removeClass('tk_scrollTop'); } else { $('body').addClass('tk_scrollTop'); } }); $(function(){ var timeoutId; window.addEventListener('scroll',function(){ $('body').addClass('tk_scroll'); clearTimeout(timeoutId); timeoutId = setTimeout(function(){ $('body').removeClass('tk_scroll'); },100); }); }); // グローバルナビ $(function(){ $('#tk_navButton').click(function(){ $('body').toggleClass('tk_nav'); }); $('#tk_nav a').click(function(){ $('body').toggleClass('tk_nav'); }); $('body').on('touchstart', onTouchStart); $('body').on('touchmove', onTouchMove); $('body').on('touchend', onTouchEnd); var direction, position; function onTouchStart(event){ position = getPosition(event); direction = ''; } function onTouchMove(event){ if (position - getPosition(event) > 70) { direction = 'left'; } else if (position - getPosition(event) < -70){ direction = 'right'; } } function onTouchEnd(event){ if (direction == 'right'){ $('body').removeClass('nav'); } } function getPosition(event) { return event.originalEvent.touches[0].pageX; } }); // トップへ戻るリンク $(function(){ var topBtn = $('#tk_pageTop'); topBtn.hide(); $(window).scroll(function(){ if ($(this).scrollTop() > $(window).height()){ topBtn.fadeIn(); } else { topBtn.fadeOut(); } }); $('#tk_pageTop a').on('click', function(){ var speed = 400; var href = $(this).attr('href'); var target = $(href == '#' || href == '' ? 'html' : href); var offset = target.offset().top; $('body,html').animate({ scrollTop:offset }, speed, 'swing'); return false; }); }); // PCでのTELリンク無効 var ua = navigator.userAgent.toLowerCase(); var isMobile = /iphone/.test(ua)||/android(.+)?mobile/.test(ua); if (!isMobile){ $('a[href^="tel:"]').on('click', function(e) { e.preventDefault(); }); }