Несколько прокручиваемых окон в окне без jQuery/Javascript?

Question

Итак, я столкнулся с дилеммой, состоящей из 3-х столбчатых макетов, которые имеют три независимые прокрутки. В сочетании с правой HTML, CSS и JQuery, я могу достичь следующего (Fiddle ссылка откроется в другом окне, JQuery ниже):

JSFiddle Link

$(document).ready(function() { 
    doResize(); 
}); 

// for the window resize 
$(window).resize(function() { 
    doResize(); 
}); 

function doResize() { 
    var bodyheight = $(document).height(); 
    $(".left").height(bodyheight); 
    $(".right").height(bodyheight); 
    $(".center").height(bodyheight); 
} 

Вопрос заключается в том, это может быть сделано без использования jQuery для получения точного результата?

Answer 1

Почему бы не просто добавить height: 100%; к каждой панели? Вот тот же самый пример, без JavaScript

.left, .center, .right { 
    height: 100%; 
} 

JSFiddle Link