banner height full height js

by Nikhil krishnan

HTML

<header>gsgsdgvzv</header>
<div class="banner-section"></div>

CSS

header{
    height:100px;
    background:#ccc;
    display:block;
}
.banner-section{
    min-height:200px;
    background-color:red;
}

JavaScript

$(window).on("resize", function () {
    $('.banner-section').height( $(window).height() - $('header').height() );
}).resize();