JavaScript在Firefox中有效，但在Chrome中不起作用

Question

我有一个脚本，该脚本应该向元素添加“ .scrolled-nav”以更改导航栏样式。它按预期在Firefox中工作，但是在chrome中却出现了这种怪异的跳跃式滚动。有人可以帮忙吗？

$(document).ready(function(){
  var scrollTop = 0;
  $(window).scroll(function(){
    scrollTop = $(window).scrollTop();
    $('.counter').html(scrollTop);

    if (scrollTop >= 10) {
      $('#span-nav').addClass('scrolled-nav');
    } else if (scrollTop < 10) {
      $('#span-nav').removeClass('scrolled-nav');
    }
  }); 
});