Javascript Ease In上禁用引导导航栏链接

我在Bootstrap4页面上有一个顶部粘性导航条，设置为在向下滚动页面后轻松进入/显示。但是，当导航栏显示自己时，没有链接功能，甚至没有：hover更改了链接颜色。我使用了媒体查询，因为我只想让它一开始就隐藏在桌面上。这是我的代码，可以找到草稿

Javascript:

(function ($) {
    $(document).ready(function(){
    // scroll functions
    $(window).scroll(function(e) {
        if($(window).width() >= 768) 

            var scroll = $(window).scrollTop();
            if (scroll >= 150) {
                $('.navbar-home').addClass("navbar-hide");
            } else {
                $('.navbar-home').removeClass("navbar-hide");
        }

    });

    });

})(jQuery); 

导航栏的HTML

<nav class="navbar navbar-home navbar-expand-lg navbar-blue fixed-top py-0">
    <div class="container">
    <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="" class="logo"/></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="about.html">About <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="fitness.html">Fitness &amp; Nutrition</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="testimonials.html">Testimonials</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="blog.html">Blog</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="dropdown" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Membership</a>
            <div class="dropdown-menu" aria-labelledby="dropdown01">
              <a class="dropdown-item" href="membership.html">Memberships</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="https://clients.mindbodyonline.com/ASP/adm/adm_appt_search.asp?studioid=22296&view=&sSU=&qParam=&lvl=&catid=&prodid=&date=12%2F20%2F2018&classid=0&trn=0&tg=&loc=1&vt=&justloggedin=&pMode=0&stype=&page=&prodGroupId=&optForwardingLink=&nLgIn="><i class="fas fa-user"></i>&nbsp;Client Login</a>
            </div>
        </li>
      </ul>

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

在显示导航栏时，删除以下样式（从

teststyle.css

）：

.navbar-hide {
    pointer-events: none;

---

.navbar hide

类具有

指针事件：无css。这就阻止了它拦截点击

另一件您可能需要解决的问题是：如果向下滚动并刷新脚本，则不会检查滚动位置，并会在手动滚动之前隐藏导航栏。
谢谢！我不确定如何着手解决第二个问题。
.navbar-hide {
    pointer-events: none;