JSFiddle - React, Tailwind, and code Playground

by levan gongadze

HTML

<div class="container">
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
das dasdsa das dasd asd 
	<div class="fixed">
		Fixed
	</div>
</div>

CSS

.container {
	position: relative;
	width: 300px;
	height: 400px;
	overflow-x:scroll;
	margin: auto;
	background: #ccc;
}

.fixed {
	position: absolute;
	width: 100%;
	height: 40px;
	text-align:center;
	background: #000;
	color: #fff;
	bottom: 0;
}