JSFiddle - React, Tailwind, and code Playground

by Meily Chhon

HTML

<div class="box1">
    box1
</div>
<div class="box2">
    box2
</div>

CSS

.box1{
    width: 200px;
    height: 200px;
    background: lightblue;    
    margin-bottom: 20%;
}
.box2{
    width: 200px;
    height: 200px;
    background: pink;
}

JavaScript

$(window).resize(function(i){
    var docHeight = $(document).height();
var box2 = $('.box2').offset().top;
$(".box2").append("<p>"+box2+"</p>");

});