固定定位导航与水平滚动（jQuery）

Question

我目前正在开发一个具有“粘性”的网站。导航栏到达页面顶部时，导航链接始终在用户视图中。在导航栏的定位更改为“已修复”之前。通过jQuery，您可以水平滚动页面的其余部分，但是当它切换到固定时，您无法滚动它以查看所有链接。

如何在滚动一定数量的像素后将导航固定在页面顶部，还允许它与页面的其余部分水平滚动？

相关CSS：

.navigation {
   position:relative;
    background-color:#4F4F4F;
    width:100%;
    min-width:980px;
    box-shadow: 0px 2px 3px rgba(0,0,0, .4);
    z-index:10;
    overflow-x:visible;
    height:auto;
}

.navigation-scrolled {
    position:fixed;
    top:0;
    overflow-x:visible; 
}

用于切换样式的jQuery（已修复）

$(window).scroll(function() {

    var nav = $(".navigation");

    if($(this).scrollTop() > 194) {

        nav.addClass("navigation-scrolled");
        $("#top").hide();
        $(":1.container").fadeToggle(400);

    } else {

        nav.removeClass("navigation-scrolled");
        $("#top").show();

    }

});