jquery - 导航 - 固定

Question

我正在尝试创建一个导航稍微复杂的网站。我已经让导航看起来像我想要的初始加载，但现在我试图让它粘性导航到滚动顶部。我已经能够在导航栏到达顶部时创建一个类，但无法使其粘滞。每次我添加一个位置时，它都会跳回。任何建议或帮助都会很棒。

这是网站:http://www.figadvertising.com/anne/

需要固定在滚动上的 div 是 moduletable_menu，当它到达页面顶部时，它也会将 main-nav-scrolled 添加为一个类。

Answer 1

声明以下样式将在添加 main-nav-scrolled 类时将相关导航固定到菜单顶部。

CSS

.main-nav-scrolled .top-menu li {
    display: inline-block;
    float: none;
}

.main-nav-scrolled .top-menu {
    position: fixed;
    top: 0;
    bottom: auto;
    z-index: 9;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}