现在在做的站点上面的导航栏需要随鼠标上下滚动的时候始终锁定在顶部，然后昨天实现的也很简单

 .fixed {
    background: #FFFFFF;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 78px;
    z-index: 1999;
}

 jQuery(document).ready(function() {
    $(window).scroll(function() {
    var f1 = $(window).scrollTop();
    var f2 = $("#nav").offset().top;
    console.log("f1: %d, f2: %d", f1, f2);

    if(f1 > 0){
        $("#nav").addClass("fixed", 1000);
    }else{
        $("#nav").removeClass("fixed", 1000);
    }
});

然后的确可以有导航锁定的效果，可是唯一很蛋疼的是当开始 addClass 和 removeClass 也就是开始让导航栏锁定和接触导航栏锁定的两个时候会有明显的闪烁，可能是导航栏重新刷新了加载了图片之类，但是这样体验就很差了，调了半个晚上还是没什么实质上的解决，求问各位js，css大神有没有好的解决方法。