61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
/*-----------------------------------------------------------------------------------
|
|
/*
|
|
/* Now JS
|
|
/*
|
|
-----------------------------------------------------------------------------------*/
|
|
|
|
jQuery(document).ready(function($) {
|
|
|
|
/*----------------------------------------------------*/
|
|
/* FitText Settings
|
|
------------------------------------------------------ */
|
|
|
|
setTimeout(function() {
|
|
$('h1.responsive-headline').fitText(1, { minFontSize: '40px', maxFontSize: '90px' });
|
|
}, 100);
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Make sure that #header-background-image height is
|
|
/* equal to the browser height.
|
|
------------------------------------------------------ */
|
|
|
|
$(window).on('resize', function() {
|
|
$('body').css({ 'width': $(window).width() })
|
|
});
|
|
|
|
|
|
/*----------------------------------------------------*/
|
|
/* Fade In/Out Primary Navigation
|
|
------------------------------------------------------*/
|
|
|
|
$(window).on('scroll', function() {
|
|
|
|
var h = $('header').height();
|
|
var y = $(window).scrollTop();
|
|
var nav = $('#nav-wrap');
|
|
|
|
if ( (y > h*.20) && (y < h) && ($(window).outerWidth() > 768 ) ) {
|
|
nav.fadeOut('fast');
|
|
}
|
|
else {
|
|
if (y < h*.20) {
|
|
nav.removeClass('opaque').fadeIn('fast');
|
|
}
|
|
else {
|
|
nav.addClass('opaque').fadeIn('fast');
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|