JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
<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;
}
#bye {font-weight: bold;}

JavaScript

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