如何在屏幕調整大小時使滾動的響應式菜單div

Question

我正在使用purecss製作響應式網站。在我的頁面中，我有一個HEADER和FOOTER;他們都是固定的，在他們之間我有CONTENT已經離開垂直菜單，右側有一些內容。

現在我想實現的是當發生任何大小調整時，我的左側菜單應該有一個自己的滾動條，右側的內容也應該有一個。另外菜單div不應該與頁腳或頁眉混合。

我不是很確定，但是我需要使用移動webkit來解決這個問題。

我找到了能夠幫助： http://filamentgroup.github.io/Overthrow/examples/2-column/

這是唯一的方法還是有什麼其他的圖書館，可以幫助我在這？

Answer 1

UPDATED FIDDLE

基本上，我在JQuery中加入函數來改變在調整大小左側菜單的高度。這與Y的溢出相結合強制它有滾動條。

的Onload：

$(function() { 
var menuWrapper = $("#menu"); 
var height = $(window).height() - $("#header").height() - $("#footer").height(); 
menuWrapper.css("height", height); 
}); 

在調整大小：

$(window).on('resize', function(){ 
var menuWrapper = $("#menu"); 
var height = $(window).height() - $("#header").height() - $("#footer").height(); 
menuWrapper.css("height", height); 
}); 

CSS：

#menu { 
    overflow-x: hidden; 
    overflow-y: auto; 
}