Html 粘性菜单，在一定高度

我试图复制这种粘粘的梅尼效应：

---

我希望菜单在某个高度变得粘乎乎的。我该怎么做？位置：固定；在顶部：100px的高度，比如说

我在浏览粘性菜单时，遇到了这个：

代码是别人写的，所以我不相信，但我会发布答案。

---

我找到了这个。可能会有帮助。这就是prolly jquery，你不能在纯css上这么做，只是固定位置。这可能会有所帮助

$(document).scroll(function() {
    var y = $(document).scrollTop(), //get page y value 
        header = $("#block-menu");
    if(y >= 300)  {
        header.css({position: "fixed", "top" : "0", "left" : "0"});
    } else {
        header.css("position", "relative");
    }
});