单页网站导航闪烁（Chrome）

Question

向下滚动时，我的网站导航会闪烁。

但是只要按下导航中的一个链接或打开检查元素，网站就会滚动得很好......

该网站的链接为here，this为github回购供参考。

问题似乎是css，因为改变JavaScript没有任何影响，特别是这段代码：

编辑：这似乎只是一个问题

CSS

 nav {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 99;
  padding-top: 1vh;
  }


nav a {
  font-size: 1.25em;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  text-decoration: none;
  display: inline;
  margin: 0 1vw;
  padding: 0 3vw 4px;
  border-bottom: 2px solid
}

的Javascript

$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    || location.hostname == this.hostname) {

    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
       if (target.length) {
         $('html,body').animate({
             scrollTop: target.offset().top
        }, 1000);
        return false;
    }
}
});