滚动bg不能很好地在铬上工作

Question

一切工作正常，但是当我尝试快速滚动时。 Chrome无法处理它（bug几ms显示bg）。 Safari浏览器运行良好，没有任何问题。我注意到，由于我的动画，我该如何解决它？

demo

动画：

.cssanimations &.bounce-in { 
    visibility: visible; 
    @include transform(translateZ(0)); 
    @include animation($nameOfAnimation $time); 
} 

固定&滚动BG：

.bg { 
    &-fixed { 
    position: relative; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-attachment: fixed; 
} 

Answer 1

在选择导航标签字体重量为粗体。由于那些可视的页面小混蛋。

@media only screen and (min-width: 768px) 
.navbar-default .navbar-nav > li > a.selected { 
    color: #B17098; 
    font-weight:normal; 
    opacity: 1; 
} 

，如果你想FONT-重量主动大胆，不是使用字体的重量在正常状态下大胆清楚，问题会解决。以下是带粗体的正常状态代码：

.navbar-nav>li>a { 
padding-top: 10px; 
padding-bottom: 10px; 
line-height: 20px; 
font-weight: 700;