JSFiddle - React, Tailwind, and code Playground

by robert_schutt

HTML

<span id="dbg"></span>
<div class="header">x</div>

CSS

body {
    margin: 0;
    padding: 0;
}
.header {
    border: 1px solid red;
}
#dbg {
    position: absolute;
    right: 10px;
}

JavaScript

function fullHeightBg(evt){
    var element = evt.data.element;
	var elementGet = $('' + element); //place desired fullHeigh element
	var height = window.innerHeight; // get the heigh of the window
	$(elementGet).css('height', height);
    $('#dbg').text(height);
}

$(function() {
    $(window).on('resize', {element: '.header'}, fullHeightBg );
	//calling full-screen Bg function
    $(window).resize(); // trigger event for the first time
});