一页网站导航闪烁（Chrome）

Question

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

但是，只要您按下导航栏上的链接之一或打开检查元素，网站就会滚动正常...

该站点的链接在这里 ， 这是供参考的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;
    }
}
});