Javascript 未正确加载动画SVG

我的网站在标题中有一个动画SVG徽标，由这个JS控制

    jQuery(document).ready(function($){
 $(window).scroll(function() {
var scrollPos = $(window).scrollTop();
    navbar = $('.x-navbar');

if (scrollPos > 1) {
  navbar.addClass('alt-color x-navbar-fixed-top');
   $('.x-brand img').attr('src','/wp-content/uploads/2018/06/spoleta_logo_reverse2.svg');
} else {
  navbar.removeClass('alt-color x-navbar-fixed-top');
  $('.x-brand img').attr('src','/wp-content/uploads/2018/06/spoleta_logo_forward.svg');
}
 });
   });

---

它在你第一次上下滚动时起作用，但随后动画似乎被“卡住”。有人能给我指出正确的方向吗？

你在不同的浏览器上测试过你的网站吗？我目前在Chrome版本67.0.3396.87中也有同样的问题。如果其他浏览器也一样，请通知我