用户滚动时添加样式，当用户滚动回顶部时将其删除

Question

我有一个课我想添加一个样式，如果用户向下滚动任何数量，我想删除或添加一个不同的类，如果用户向上滚动到顶部。我试图给我的导航背景一个颜色，因为当页面加载时它是透明的，但如果用户滚动背景会启动 - 所以我的粘性导航可以正确显示。我不知道我是应该使用javascript，还是应该在我的php中继续使用该脚本 - ？任何帮助将不胜感激。

这是我的标题代码：

                                       切换导航                                                                      ＆＃34;＆GT;＆＃34;高度=＆＃34;高度; ？＆GT;＆＃34;宽度=＆＃34;宽度; ？＆GT;＆＃34; ALT =＆＃34;＆＃34; /＆GT;                                          

这是我到目前为止所做的，将脚本放在我的：

中

<script>
$(function () {
  $(document).on('scroll', function (ev) {
    if ($(document).scrollTop() === 0) {
      $('.navbar-fixed-top').removeClass('.colored');
    } else {
      $('.navbar-fixed-top').addClass('.colored');
    }
  });
});
</script>

这是我的链接：http://o-pd.com/tji16

我无法将类.colored添加到.navbar-fixed-top的样式......

Answer 1

尝试以下Javascript：

{{1}}

编辑：将代码包装在$（function（）{}）中，以便在文档准备就绪时运行。