JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">140 top mark</div>
<div id="bottom">800 bottom mark</div>

<div class="col-lg-5 wo1" id="info" style="height: 50px;">Ciao</div>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
<div id="bye">bye</div>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>

ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>

ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>

CSS

.affix {font-size: 20px; color: blue; position: fixed; top: 0px; width: 100%;}
.affix-top {font-size: 15px; color: black;}
.affix-bottom {font-size: 25px !important; color: red !important;
    position: absolute;
}
#bye {font-weight: bold;}

#top{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 140px;
    background-color: rgba(255,255,0,0.5);
    text-align: right;
}
#bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 800px;
    background-color: rgba(255,255,0,0.5);
    text-align: right;
}

body{position: relative}

JavaScript

$(function () {
   $('#info').affix({
        offset: {
          top: 140,
          bottom: 800
        }
      })
})