$(function() { "use strict"; var $window = $(window); if($('body').hasClass('ftsv2018-init')) return; $('body').addClass('ftsv2018-init'); //----------------------------------------------------- //Sticky Footer Navigation //----------------------------------------------------- var footerPos = $('#footer').offset().top - 50, windowHeight = $window.height(), windowBottomPos = windowHeight, $footerNav_wrap, $footerNav = $('#l-footernav'); $window.on({ 'scroll load resize': function() { changeFooterNavPos(); } }); $footerNav.wrap('
') $footerNav_wrap = $('.l-footernav-wrap'); $window.on('load scroll resize',function(){ $footerNav_wrap.height($footerNav.height()); }) //事例一覧のDOMツリーが変更されたらフッターナビの再調整 var elem_casestudy = $('.list-casestudy-items'); if(elem_casestudy.length != 0) { elem_casestudy.on('DOMSubtreeModified propertychange', function() { changeFooterNavPos(); }); } function changeFooterNavPos(){ footerPos = $('#footer').offset().top - 50; windowHeight = $window.height(); windowBottomPos = $window.scrollTop() + windowHeight; if (windowBottomPos >= footerPos) { $footerNav.addClass('js-static'); } else { $footerNav.removeClass('js-static'); } } //----------------------------------------------------- //Footer Drawer (for Mobile) //----------------------------------------------------- $('#p-contact-opener').on('click', function() { if ($window.width() > 769) { return; } setTimeout(function() { $('html,body').animate({ scrollTop: $('#p-contact').offset().top }); }, 400); }); //----------------------------------------------------- //Youtube Modal //----------------------------------------------------- $('.p-modal--youtube').magnificPopup({ type: 'iframe', iframe: { patterns: { youtube: { index: 'youtube.com', id: 'v=', src: '//www.youtube.com/embed/%id%?rel=0' } } }, mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }); //----------------------------------------------------- //Youtube FullScreen //----------------------------------------------------- $('iframe.youtube-fullscreen').attr('allowfullscreen',''); });