Javascript 调整页眉大小或缩小页面滚动上的页眉

$（文档）.ready（函数（）{
$（“.l-right”）。单击（函数（）{
调试器；
$（“.menu overlay”）.show（）；
});
$（“.icon close”）。单击（函数（）{
调试器；
$（“.menu overlay”）.hide（）；
});
});
。标题顶部{
背景：rgba（0,47,77,3）；
高度：100px；
填充：0 10px；
位置：固定；
排名：0；
宽度：100%；
z指数：12；
框大小：边框框；
}
.clearfix:之前，
.clearfix:之后{
内容：“；
显示：表格；
}
.clearfix:之后{
明确：两者皆有；
}
.左{
浮动：左；
}
.左-右{
浮动：对；
}
.切换菜单{
宽度：50px；
高度：50px；
显示：内联块；
位置：相对位置；
顶部：-40px；
}
.切换菜单i{
位置：绝对位置；
显示：块；
高度：2倍；
背景：白色；
宽度：30px；
左：10px；
-webkit转换：all.3s；
过渡：全部3秒；
}
.切换菜单i:n个子菜单（1）{
顶部：16px；
}
.切换菜单i:n个子菜单（2）{
顶部：24px；
}
.切换菜单i:n个子菜单（3）{
顶部：32px；
}
.图标菜单{
颜色：#FFFFFF；
字体大小：2.2米；
}
.菜单覆盖{
显示：无；
位置：固定；
排名：0；
z指数：9999；
身高：100%；
宽度：100%；
背景色：rgba（0,0,0,0.65）；
}
.菜单体{
位置：固定；
排名：0；
z指数：99999；
右：0；
身高：100%；
背景色：#ef4f51；
宽度：35%；
浮动：对；
}
span.closer{
字体大小：50px；
浮动：对；
颜色：白色；
填充：30px；
}
.菜单盘{
宽度：100%；
浮动：左；
填充：0.80px；
}
.潘丽{
填充：10px0；
}
.菜单潘丽娜{
颜色：白色；
文字装饰：无；
字体大小：32px；
}
.btn轮{
边界半径：17px；
}
.btn{
填充：8px 25px；
边界：0无；
文本转换：大写；
/*左边距：10px*/
/*右边距：100px*/
利润上限：35px；
字母间距：2px；
字号：1em；
字体系列：“Roboto”，无衬线；
}
.btn危险{
背景#ef4f50；
颜色：#ffffff；
}
.btn-danger:悬停，.btn-danger:焦点，.btn-danger:激活，.btn-danger.active，.open>.dropdown-toggle.btn-danger{
背景：#c03233；
}
.btn危险：激活，.btn-danger.active{
背景：#c03233；
盒影：无；
}








参见下面的工作代码。
为代码描述添加注释


$（文档）.ready（函数（）{
$（“.l-right”）。单击（函数（）{
调试器；
$（“.menu overlay”）.show（）；
});
$（“.icon close”）。单击（函数（）{
调试器；
$（“.menu overlay”）.hide（）；
});
/**卷轴**/
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=50）{
//clearHeader，非clearHeader-caps H
$（“标题”）.addClass（“粘性”）；
}
否则{
$（“header”）.removeClass（“sticky”）；
}
/*您可以在此处调整滚动行为*/
});  
});
。标题顶部{
背景：rgba（0,47,77,3）；
高度：100px；
填充：0 10px；
位置：固定；
排名：0；
宽度：100%；
z指数：12；
框大小：边框框；
}
.clearfix:之前，
.clearfix:之后{
内容：“；
显示：表格；
}
.clearfix:之后{
明确：两者皆有；
}
.左{
浮动：左；
}
.左-右{
浮动：对；
}
.切换菜单{
宽度：50px；
高度：50px；
显示：内联块；
位置：相对位置；
顶部：-40px；
}
.切换菜单i{
位置：绝对位置；
显示：块；
高度：2倍；
背景：白色；
宽度：30px；
左：10px；
-webkit转换：all.3s；
过渡：全部3秒；
}
.切换菜单i:n个子菜单（1）{
顶部：16px；
}
.切换菜单i:n个子菜单（2）{
顶部：24px；
}
.切换菜单i:n个子菜单（3）{
顶部：32px；
}
.图标菜单{
颜色：#FFFFFF；
字体大小：2.2米；
}
.菜单覆盖{
显示：无；
位置：固定；
排名：0；
z指数：9999；
身高：100%；
宽度：100%；
背景色：rgba（0,0,0,0.65）；
}
.菜单体{
位置：固定；
排名：0；
z指数：99999；
右：0；
身高：100%；
背景色：#ef4f51；
宽度：35%；
浮动：对；
}
span.closer{
字体大小：50px；
浮动：对；
颜色：白色；
填充：30px；
}
.菜单盘{
宽度：100%；
浮动：左；
填充：0.80px；
}
.潘丽{
填充：10px0；
}
.菜单潘丽娜{
颜色：白色；
文字装饰：无；
字体大小：32px；
}
.btn轮{
边界半径：17px；
}
.btn{
填充：8px 25px；
边界：0无；
文本转换：大写；
/*左边距：10px*/
/*右边距：100px*/
利润上限：35px；
字母间距：2px；
字号：1em；
字体系列：“Roboto”，无衬线；
}
.btn危险{
背景#ef4f50；
颜色：#ffffff；
}
.btn-danger:悬停，.btn-danger:焦点，.btn-danger:激活，.btn-danger.active，.open>.dropdown-toggle.btn-danger{
背景：#c03233；
}
.btn危险：激活，.btn-danger.active{
背景：#c03233；
盒影：无；
}
.sticky.头顶{
背景：红色；
高度：50px；/*您可以使用.sticky类调整粘滞/收缩菜单及其子菜单*/
}
.sticky.btn{
边缘顶部：10px；
}









你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好



你好

你好