JSFiddle - React, Tailwind, and code Playground

by Neal

HTML

<div class='fixedelement'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque commodo turpis nec arcu porttitor id dapibus ipsum laoreet. Ut facilisis porttitor tortor id iaculis. Integer et eros est. Vestibulum eu odio sit amet enim congue iaculis. Pellentesque eu velit in enim interdum semper in vitae elit. Donec ac sem ipsum, ut suscipit ante. Suspendisse vel ipsum dolor, nec accumsan dui. Proin ut mi sit amet ante sagittis sollicitudin quis nec turpis. In vitae turpis vel ligula porta imperdiet. Aliquam feugiat est dictum mi condimentum vulputate.

Nunc a ligula ut dolor elementum rutrum. Aliquam ac tortor erat, et pharetra erat. Vivamus in ligula suscipit justo bibendum feugiat. Nunc augue dui, convallis in gravida quis, luctus a nibh. Integer quis arcu justo, et adipiscing augue. Maecenas diam augue, sollicitudin eu varius nec, ullamcorper ac nisi. Quisque a nunc vel sapien vulputate facilisis sit amet sit amet lectus. Sed sem erat, scelerisque vitae aliquet ac, bibendum vitae turpis. Morbi ac odio lacus, et consectetur nisi. Morbi varius aliquam convallis. Aliquam erat volutpat. Aliquam nec massa diam. Sed ut malesuada ipsum. Aenean a porttitor velit. Suspendisse odio odio, pulvinar et porttitor lacinia, viverra vitae turpis. Vestibulum nec velit quis quam vestibulum bibendum. Cras aliquet aliquam porttitor. Ut ornare tempus congue.

Sed nec mattis nunc. Curabitur eget diam luctus ipsum pellentesque dignissim eu eu neque. Curabitur bibendum nisl in nunc posuere varius. Cras nec mi ut erat ultricies ullamcorper a eu elit. Donec imperdiet arcu a velit adipiscing rhoncus. Suspendisse potenti. Vestibulum ac sollicitudin eros. Sed enim mauris, egestas a faucibus vitae, hendrerit quis tortor. Pellentesque sed risus et augue vehicula varius. Sed euismod purus ut magna gravida interdum. Proin nunc enim, aliquet et mollis eget, consequat eget eros. In ut purus ac lorem dictum auctor. In fermentum, metus rutrum pretium malesuada, nisl odio...

JavaScript

$(window).scroll(function(){
  if($(this).scrollTop() > 200){
    $('.fixedelement').css({'display': 'none'});
  }
});