引导程序的粘性顶部导致导航栏无法滚动

Question

我可以选择使用sticky-top（或固定式），还是可以在移动设备上滚动的Navbar。这意味着，每当我添加粘性顶部时，滚动功能就会消失，或者当我赋予滚动更高的优先级时，导航栏将不再粘贴在顶部。在导航栏上方有另一个对象，这就是为什么我要使用Bootstrap的粘顶功能。

我尝试了不同的方法来使导航栏可滚动，并尝试了不同的方法来使导航栏保持粘性，但是它们无法一起使用。直到我将整个导航都包裹在另一个div中之后，它才能滚动。

我的导航栏看起来像这样：

<div class="jumbotron jumbotron-fluid jumbotron_custom" style="margin-bottom: 0px">
<h1><a href="index.html">Some Text</a></h1>
</div>

<div class="sticky-top nav-wrapper">
  <nav class="navbar navbar-expand-xl navbar-dark navbar-default">
    <button class="navbar-toggler" type="button" data-toggle="collapse" 
    data-target="#collapsingNavbar">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="navbar-collapse collapse" id="collapsingNavbar">
    </div>
  </nav>
</div>

，并且自定义CSS文件中的相关代码如下：

@media (max-width: 1199.98px) {
  .navbar-wrapper{
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
  }
}

我正在使用Bootstrap 4

我希望导航栏在移动设备上具有滚动功能时始终保持粘性。