JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<div id="notParent">
    <div>foo</div>
    <div>bar</div>
    <div>baz</div>
</div>
<div id="parent">
    <div>wibble</div>
    <div>wobble</div>
    <div>wubble</div>
</div>

CSS

#parent {
    margin-top: 155px;
    
}

JavaScript

var y = 250,
    RED = '#F00';

$('#parent > *').css('background-color', function (i, v)
{
    if ($(this).offset().top < y)
    {
        return RED;
    }
    return v;
});