In certain projects that involved a presentation like webpage with storytelling elements, you need containers that always keep the same height as the window itself.
This effect can be achieved using "page-high resizable containers".
The Javascript library jQuery let's us to listen to the "resize" event of the browser window and calculate the height of the containers:
$(function(){ function resize() { $('.page').css('height', $(window).height()); } resize(); $(window).on('resize', resize); });