如何使响应式菜单div在屏幕调整大小时滚动
如何使响应式菜单div在屏幕调整大小时滚动
提问于 2013-09-21 14:05:20
我正在使用purecss制作一个响应式网站。在我的页面中，我有一个页眉和页脚；它们都是固定的，在它们之间，我有内容，左边有垂直菜单，右边有一些内容。
现在我想要实现的是，当任何大小调整发生时，我的左侧菜单应该有一个滚动条，就像它自己一样，右边的内容也应该有一个滚动条。另外，菜单div不应该和页脚或页眉混在一起。
我不是很确定，但我是否需要使用移动webkits来解决这个问题。
我找到了一些有用的东西：http://filamentgroup.github.io/Overthrow/examples/2-column/
这是唯一的方法吗?或者有没有其他库可以帮助我？
回答 1
Stack Overflow用户
发布于 2015-08-17 21:35:01
基本上，我在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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18933525
复制相关文章
相似问题
腾讯云开发者
