Css Bootstrap修复了导航条在滚动时出现故障和抖动的问题

在Safari中，滚动时导航栏开始抖动。有时它只是有点摇晃，有时它到处都是

但是，当您将页面调整到崩溃的程度，然后将其调整回完整视图时，这种不稳定和不规则的内容将完全消失

它只出现在Safari中，在其他浏览器中完全可以正常工作。我的问题和这里的问题一模一样。我尝试过所有已知的解决方案，比如

.导航条固定顶部{ -webkit背面可见性：隐藏； }

及

标题{ -webkit背面可见性：隐藏；背面可见性：隐藏；位置：固定；z索引：1000；}

但这种不稳定的东西仍然存在

只要慢慢地向上/向下滚动，你就会注意到它

以下是链接-

---

您是否尝试过

位置：绝对？@ZombieChowder你是指导航栏？是的，但后来它停止了。根据我以前在类似情况下的经验，我真的认为这与定位有关。尝试一下
sticky
或
relative
。@ZombieChowder刚刚做了。不走运unfortunately@ZombieChowder谢谢！我感谢你愿意帮忙：）
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Alegreya+SC|Cormorant+Unicase|Tenor+Sans|Arsenal" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<header>
  <nav class="navbar navbar-fixed-top">
    <div class="container-fluid">

      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
          <span class="fa fa-th dropbut"></span>                      
        </button>

        <i class="fab fa-korvue"></i>
      </div>

      <div class="collapse navbar-collapse" id="myNavbar">

      <ul id="collapse_menu" class="nav navbar-nav text-center">
        <li><a class="link_icon scroll" name="1" href="#top_page_scroll">Начало</a></li>
        <li><a class="link_icon scroll" name="2" href="#about_me_scroll">Обо мне</a></li>
        <li><a class="link_icon scroll" name="3" href="#portfolio_scroll">Услуги</a></li>
        <li><a class="link_icon scroll" name="4" href="#pricing_scroll">Цены</a></li>
        <li><a class="link_icon scroll" name="5" href="#contact_me_scroll">Регистрация</a></li>
      </ul>

      <div class="navbar-nav navbar-right vertical-align">
        <a id="phone_handset" class="fas fa-phone-volume hidden-xs" href="#"></a>
        <a id="phone_num" class="link_icon hidden-xs" href="#">110-223-456-78</a>
      </div>

     </div>
    </div>
  </nav>
</header>