JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left"></div>
<div id="right"></div>

CSS

#left{
    float:left;
    width:100px;
    height:200px;
    background:yellow;
}

#right{
    float:right;
    width:100px;
    height:1000px;
    background:red;
    margin-top:200px;
}

JavaScript

window.onscroll = function()
{
    var left = document.getElementById("left")
    
    
	
		if (left.scrollTop < 60 || self.pageYOffset < 60) {
			left.style.position = 'fixed';
		    left.style.top = '60px';
		} else if (left.scrollTop > 60 || self.pageYOffset > 60) {
			left.style.position = 'absolute';
			left.style.margin-top = '200px';
		}
	
}