JSFiddle - React, Tailwind, and code Playground

by mo_esmp

HTML

<body>
<div id="myDiv"><p>.....</p></div>
<div id="long"></div>
</body>

CSS

#myDiv {
	width:500px;
	height:100px;
	position:fixed;
	background-color:red;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:black;
}

#long {
	height:5000px;
}

JavaScript

var $myVar = $('#myDiv');
var $myDist = $(window).scrollTop();

$(window).on('scroll', function(){
	$myVar.html($myDist);
});