JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="https://rawgit.com/promo/scrollissimo/master/dist/scrollissimo.min.js"></script>
<div id="Divy"></div>

CSS

body{
    height: 3000px;    
}

#Divy{
    position: fixed;
    top: 0;
    left: 0;
    
    height: 30px;
    width: 30px;
    
    background: red;
}

JavaScript

var divyTween = new TweenLite($('#Divy'), 1000, { width: 300, paused: true });
Scrollissimo.add(divyTween, 0, 6);

$(window).scroll(function(){
	Scrollissimo.knock();
});