JSFiddle - React, Tailwind, and code Playground

by Jofferson Tiquez

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.css">
<div class="your-div">
    <label>Scroll down to see other contents.</label>
    <br>
    <label>Resize window to see effect.</label>
</div>
<label>Content for testing</label>
<br>
<label>Content for testing</label>
<br>
<label>Content for testing</label>
<br>
<label>Content for testing</label>
<br>

CSS

.your-div {
    background-color: #ccc;
}

JavaScript

var screenHeight = $(window).height();
var yourDiv = $('.your-div');

yourDiv.css({
    'height': screenHeight + 'px',
});

$(window).resize(function () {
    screenHeight = $(window).height();
    yourDiv.css({
        'height': screenHeight + 'px',
    });
});