jquery - 粘性导航栏 onScroll？

Question

我目前正在为自己构建一个网站，我发现在导航栏位于图像下方的多个网站上，这种效果非常棒，但当您滚动经过它时，它会粘在顶部。

Example

我怎样才能做到这一点？另外，我怎样才能达到类似于 this website with a similar navbar style 上的效果？ ？

Answer 1

这是@Matthew 所说的内容:

检查这个 fiddle http://jsfiddle.net/luckmattos/yp8HK/1/

JQUERY

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

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

希望对您有所帮助，我使用的是 bootstrap 导航栏。