Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save rxnlabs/e6231571af07f2a5d093887c7ad82a8f to your computer and use it in GitHub Desktop.
Save rxnlabs/e6231571af07f2a5d093887c7ad82a8f to your computer and use it in GitHub Desktop.
CSS + JS - Fill height of viewport with section minus the header height
$( window ).on( 'resize', debounce( function () {
var $header = $('.site-header');
$.each($('.content-section.type-hero'), function (index, node) {
var $hero = $(node);
$hero.css('height', 'calc(100vh - ' + $header.height() + 'px)');
});
} ) );
function debounce( func, wait, immediate ) {
var timeout;
return function () {
var context = this, args = arguments;
var later = function () {
timeout = null;
if ( !immediate ) func.apply( context, args );
};
var callNow = immediate && !timeout;
clearTimeout( timeout );
timeout = setTimeout( later, wait );
if ( callNow ) func.apply( context, args );
};
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment