Javascript 滚动条上的粘性导航条

我理解这似乎是一个常见的请求，但在翻阅了几篇文章之后，我找不到解决方案，并且/或者缺乏根据我的需要定制javascript的知识

我正在寻找一种方法，使我的导航栏在到达页面顶部（向下滚动足够远）时，能够一直保持在页面顶部。我的问题是，我的导航栏目前使用flex定位，而不是位于页面顶部

*{margin:0；padding:0；框大小：border-box}
html，正文{文本对齐：居中；}
#logo2-img{
保证金：0自动；
利润率最高：3%；
}
梅努2先生{
显示：flex；/*以内联方式显示子项*/
保证金：0；
宽度：100%；
利润率最高：2%；
列表样式类型：无；
背景：线性梯度（#3e3e，#2B2B2B）；
}
李{
flex:1；/*每一个都尽可能多地占用宽度，即25%*/
右边框：1px实心#232323；
}
李：最后一个孩子{
边界：无；
}
李阿{
显示：块；
文本对齐：居中；
字体：Verdana；
字体大小：16px；
颜色：#EAE0D2；
文字装饰：无；
填充：20px0；
}
李娜：停下来{
背景：线性梯度（#404040，#3e3e）；
}
.主动{
背景：线性梯度（#2b2b，#2323）；
}

.menu2{
宽度：100%；高度：100%；
背景色：rgb（240240240）；
位置：粘性；
左：0；上：0；
}
.emptySpace{宽度：100%；高度：1000000px；}

---

我终于找到了问题的答案。对你们感兴趣的人来说

JS

var num = 240; //number of pixels before modifying styles

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('.menu2').addClass('fixed');
        $('.main').addClass('main2');
    } else {
        $('.menu2').removeClass('fixed');
        $('.main').removeClass('main2');
    }
});

---

为什么不使用Bootstrap、基金会或其他CSS框架？我不熟悉引导或基础。我会读更多。