JSFiddle - React, Tailwind, and code Playground
HTML
<div id="content"> Mauris vitae eros at sapien elementum dictum. Vivamus adipiscing mollis libero, at lacinia eros iaculis sed. Sed est nulla, hendrerit sed porta a, interdum in purus. Etiam ut lectus in odio ultrices mollis vitae et enim. Donec faucibus porttitor nunc eget tincidunt. Phasellus tincidunt magna quis nulla tristique feugiat. Praesent venenatis egestas est ac commodo. Vivamus at massa in felis bibendum tempus. Donec quam libero, feugiat eget volutpat a, imperdiet sit amet nulla.
Donec facilisis mattis nisl et dapibus. Phasellus sagittis egestas pharetra. Cras lacinia commodo diam sed varius. Morbi hendrerit dui eu mauris facilisis commodo at et justo. Curabitur nisl lacus, cursus non porttitor sit amet, fermentum et diam. Etiam nec ultricies dui. Praesent ultricies sem sed erat tincidunt tempus. Pellentesque fringilla porta porttitor. Sed at nulla orci, fringilla mollis sem. Integer fringilla odio nec enim cursus mattis. Proin condimentum nibh sed orci varius placerat. Nunc est massa, vulputate et blandit in, vestibulum vitae libero. Curabitur quis felis metus. Fusce sit amet elit ligula, at volutpat erat. Nunc erat ipsum, laoreet non elementum nec, euismod sit amet lorem. Fusce tincidunt interdum justo in venenatis.
Proin vel turpis quis lectus scelerisque viverra vitae eu augue. Maecenas vestibulum quam sit amet urna mollis ac cursus sapien dictum. Etiam ultricies massa id ligula suscipit eu imperdiet mauris blandit. Aliquam rutrum, sem non eleifend bibendum, risus ipsum volutpat leo, at accumsan libero nisl at nisl. Nam sed orci sem. Suspendisse lorem turpis, luctus eleifend pulvinar at, porttitor vitae massa. Pellentesque eget justo tortor, at cursus diam. Nunc sit amet elit nulla. Morbi fringilla, neque eget rhoncus fringilla, ante sapien consequat libero, quis facilisis quam ligula at quam. Duis eget nisi et nunc faucibus convallis vel quis purus. Pellentesque porttitor laoreet justo nec condimentum. Fusce id lorem in dui mattis bibendum sed...
CSS
#footer {
position: fixed;
bottom: 0;
background:grey;
width:100%;
}
#content {
background: lightblue;
}
JavaScript
$(document).ready(function() {
$('#content').css('margin-bottom', $('#footer').height() + 'px');
});