滚动 bg 在 chrome 上效果不佳答案

【问题标题】：Scrolling bg dont work well on chrome滚动 bg 在 chrome 上效果不佳
【发布时间】：2023-04-10 21:52:01
【问题描述】：

一切正常，但是当我尝试快速滚动时。 Chrome 无法处理它（错误几毫秒来显示 bg）。在 safari 上运行良好，没有任何问题。我注意到，由于我的动画，我该如何解决它？

动画：

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

固定和滚动背景：

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

【问题讨论】：

标签： css google-chrome animation scroll background

【解决方案1】：

在选择导航选项卡中字体粗细为粗体。由于视觉上的页面小混蛋。

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

如果您希望字体粗体处于活动状态，那么在正常状态下使用粗体粗体也会解决该问题。以下是正常状态的粗体代码：

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

【讨论】：