JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>
<div class="hello">hello</div>

CSS

.hello {
    height:100px;
}

.hello.inview {
    background-color: #ccc;
}

JavaScript

var $helloEls = $(".hello");

$(window)

$(window).scroll(function(e){
    $helloEls.each(function(i, el){
        var $this = $(this);
        var offset = $this.offset();
    });
});