如何仅在页面滚动至顶部（Top 0）时添加CSS类shadow-cat

很简单，只需要把原来的条件判断反转一下——原来的逻辑是滚动超过100px时添加类，现在我们要改成只有当页面完全滚动到顶部（scrollTop 等于 0）时才添加shadow-cat类，一旦离开顶部就移除这个类。

修改后的完整脚本如下：

document.documentElement.className = "js";
$(window).scroll( function() {
  if ( $(document).scrollTop() === 0 ) {
    $(".navigation").addClass("shadow-cat");
  } else {
    $(".navigation").removeClass("shadow-cat");
  }
});

关键修改点： #

• 把原来的判断条件 $(document).scrollTop() > 100 改成了 $(document).scrollTop() === 0，精准匹配页面顶部的状态
• 逻辑完全反转：顶部时添加类，非顶部时移除类

你可以直接替换原来的脚本，测试的时候滚动到页面最顶端，.navigation元素就会加上shadow-cat类，往下滚动一点这个类就会被移除啦。

内容的提问来源于stack exchange，提问作者user36474