JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="left-column">
        

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ultricies diam nunc, non ultrices lacus. Pellentesque sit amet tempus ipsum. Sed laoreet facilisis suscipit. Quisque ut lorem tortor. Morbi nec lectus et dolor tincidunt fringilla. Nullam elementum vestibulum aliquam. Sed aliquam, erat quis fringilla ultricies, nunc metus dictum quam, sit amet pretium nibh turpis vel est. Proin eu ligula non justo posuere rutrum. Curabitur consequat, arcu eu tincidunt blandit, justo turpis iaculis arcu, vitae egestas ante diam a velit. Suspendisse suscipit magna vitae metus aliquet id pretium dolor sodales.

Pellentesque interdum massa ut mi consequat lacinia. Suspendisse enim dui, sagittis id rutrum in, ultrices nec tortor. Sed bibendum pharetra lorem, in ultricies ante eleifend nec. Sed nibh risus, laoreet sit amet suscipit vitae, fringilla sit amet mauris. Sed auctor malesuada justo vitae semper. Quisque fringilla dui eget massa vestibulum eget dictum metus convallis. Duis tempus, nibh iaculis pharetra adipiscing, elit libero iaculis risus, sed viverra quam tellus at turpis.

Quisque tempor, augue eu faucibus dignissim, nisl mauris adipiscing justo, at egestas urna neque eu arcu. Integer viverra, est a sagittis mattis, purus leo fermentum ligula, eu feugiat felis lacus vel elit. Nulla erat justo, imperdiet ut malesuada fringilla, condimentum sed felis. Fusce sagittis, urna non sagittis adipiscing, nisl est placerat est, eu bibendum nibh quam nec quam. Etiam id sem orci, eget feugiat nisi. Integer et tempus diam. In sodales dictum dui id facilisis. Fusce auctor fringilla viverra. Quisque tempor aliquet ornare. Donec mollis sollicitudin mauris, ac faucibus ipsum ultricies quis. Duis dictum tincidunt orci, eu iaculis nisi volutpat et. Etiam et augue orci. Cras ut ligula odio, vel posuere nisi.

Integer a fermentum lectus. Aenean ac nibh sem, et malesuada mi. Morbi aliquet blandit ante a hendrerit. Sed non lacus...

CSS

body, html {height:100%; padding:0; margin:0;}
#wrapper {height:100%; padding:0 0 60px 260px; box-sizing:border-box; -moz-box-sizing:border-box;}
#left-column {width:260px; margin-left:-260px; float:left; min-height:100%; background-color:red;}
#right-column {width:100%; float:left; min-height:100%; background-color:blue;}
#footer {height:60px; position:fixed; bottom:0; left:0; width:100%; background-color:green;}

JavaScript

var wrapperHeight = $('#wrapper').height();
if ($('#left-column').height() > wrapperHeight) {
    $('#left-column').height(wrapperHeight).css('overflow-y', 'scroll');
}
if ($('#right-column').height() > wrapperHeight) {
    $('#right-column').height(wrapperHeight).css('overflow-y', 'scroll');
}