滚动bg在chrome上效果不佳

时间:2015-09-28 07:37:52

标签: css3 google-chrome animation scroll background

一切正常,但是当我尝试快速滚动时。 Chrome无法处理它(错误几毫秒来显示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;
}

1 个答案:

答案 0 :(得分:0)

在选择导航选项卡中,font-weight为粗体。由于那个视觉页面有点抽搐。

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

如果你希望font-weight粗体处于活动状态,那么在正常状态下使用font-weight粗体也会解决问题。下面是带粗体的正常状态代码:

"\"