MD Bootstrap：NavBar品牌仅在NavBar折叠时显示

Question

我正在使用MD Bootstrap Pro软件包。我希望我的徽标仅在向下滚动且NavBar折叠到固定位置时显示。我应该在html或CSS文件中执行此操作吗？我可以要求它上什么课？

这是我的代码：

html,
body,
header,
#intro {
    height: 100%;
}

#intro {
    background: url("https://gdurl.com/Mt3S")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.top-nav-collapse {
    background-color:#0d47a1;
  }
  @media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
      background-color: #0d47a1;
    }
  }
  @media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
      background-color: #0d47a1;
    }
  }

<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">

    <!-- Navbar brand -->
    <a class="navbar-brand" href="#">
        <img src="https://gdurl.com/uSzX" height="30" alt="">
    </a>