动画SVG无法正确加载

Question

我的网站http://spoleta.com/在标题中有一个动画的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');
}
 });
   });

首次向上和向下滚动时它会工作，但动画似乎会“卡住”。有人能指出我正确的方向吗？

Answer 1

您是否在其他浏览器上测试过您的网站？我目前在Chrome 67.0.3396.87版中遇到相同的问题。如果与其他浏览器相同，请通知我。