YPeRBJ

index.html

<div id="height">Height</div>

script.js

setInterval(function(){
  var h = $(window).height();
  $('#height').text(h).height(h).css({
    top: $(document).scrollTop()
  });
},100);

style.css

body {
  font: caption;
  font-size: 300%;
  padding: 0; margin: 0;
  height: 8000px;
}

#height {
  position: relative;
  background-color: #cceedd;
      background-image: -webkit-radial-gradient(center center, ellipse farthest-side,rgb(254, 254, 254) 31.4%,rgb(83, 91, 94) 32.1%,rgb(253, 253, 253) 98.9%,rgb(83, 91, 94) 100%);
    /* IE10+ */
    background-image: radial-gradient(ellipse farthest-side at center center,rgb(254, 254, 254) 31.4%,rgb(83, 91, 94) 32.1%,rgb(253, 253, 253) 98.9%,rgb(83, 91, 94) 100%);
    background-image: -ms-radial-gradient(center center, ellipse farthest-side,rgb(254, 254, 254) 31.4%,rgb(83, 91, 94) 32.1%,rgb(253, 253, 253) 98.9%,rgb(83, 91, 94) 100%);

}

YPeRBJ.markdown

YPeRBJ

A Pen by Severin Klaus on CodePen.

License.