代码之家 › 专栏 › 技术社区 › Sophie

当我向上滚动时,我如何使“粘性菜单”回到原来的类?

sticky nav scroll header javascript

Sophie · 技术社区 · 12 年前

我对javascript相当陌生,我正在尝试在我的网站上制作第二个粘性菜单。我让第二个导航在向下滚动时更改其类别,这似乎很好。然而,我希望它在你向上滚动后回到原来的类。有什么帮助吗?代码如下。

<script type="text/javascript">        
$(window).scroll(function () { 
        if (window.scrollY > 200)
        {
      $("#top-bar").removeClass("nav-main").addClass("navbar-inner").addClass("navbar-fixed-top"); 
    }

    });
</script>

谢谢

1 回复 | 直到 12 年前

easement 12 年前

也许是一些类似于其他类的东西来恢复原始类。

<script type="text/javascript">        
$(window).scroll(function () { 
        if (window.scrollY > 200) {
           $("#top-bar").removeClass("nav-main").addClass("navbar-inner").addClass("navbar-fixed-top"); 
        } else {
           $("#top-bar").addClass("nav-main").removeClass("navbar-inner").removeClass("navbar-fixed-top"); 
        }

    });
</script>

推荐文章

osteopathx · 使用jquery通过HTML按钮水平滚动全景图像

6 年前

Zay · 2个div,具有响应滚动的固定图像

6 年前

miss.emenems · 仅当元素到达窗口顶部时调用函数一次

6 年前

Tobias von Falkenhayn · 如何为无休止的滚动回收视图绘制背景

6 年前

dungey_140 · jQuery根据滚动位置添加类

6 年前

Marco · 滚动时在视口中显示元素

6 年前

CoÅkun Cengiz · 在listview中显示或隐藏对象

6 年前

Albeld · Autoscroll网站始终保持相同的速度

6 年前

peace_love · 如何使表格滚动到某个位置?

6 年前

joedoesnotknow · 添加新元素时如何滚动到div底部

6 年前