Responsive design 如何使响应菜单div在屏幕调整大小时滚动

我正在使用purecss制作一个响应性强的网站。在我的页面中，我有一个页眉和页脚；它们都是固定的，在它们之间我有内容，左边是垂直菜单，右边是一些内容

现在我想实现的是，当任何大小调整发生时，我的左侧菜单应该有一个滚动条，就像它自己的一样，右侧的内容也应该有一个滚动条。另外，menu div不应与页脚或页眉混合

我不是很确定，但我是否需要使用移动网络工具包来解决这个问题

我发现了一些有用的东西：

这是唯一的方法吗？或者有其他库可以帮助我吗？

基本上，我在JQuery中添加了一些函数，用于在调整大小时更改左侧菜单的高度。再加上来自Y的溢出，迫使它有滚动条

加载：

$(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;
}