亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用Bootstrap 4在滾動時對NavBar進行動畫處理/收縮

使用Bootstrap 4在滾動時對NavBar進行動畫處理/收縮

慕少森 2019-12-04 15:23:46
我已經為此搜索了整堆,但似乎找不到有效的解決方案?;旧希业腘avBar非常完美?,F在,我想在頁面向下滾動時縮小NavBar,以使用平滑的過渡效果(動畫)使其更苗條。這是我當前NavBar的HTML標記:<header>      <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">          <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">              <span class="navbar-toggler-icon"></span>          </button>          <a class="navbar-brand" href="#"><img class="animated bounceIn" src="img/logo-light.png" alt="I Web You &#8211; Perth Website Branding"></a>          <div class="collapse navbar-collapse" id="navbarSupportedContent">              <ul class="navbar-nav ml-auto">                  <li class="nav-item active">                      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>                  </li>                  <li class="nav-item">                      <a class="nav-link" href="#">About</a>                  </li>                  <li class="nav-item">                      <a class="nav-link" href="#">Portfolio</a>                  </li>                  <li class="nav-item">                      <a class="nav-link" href="#">Contact</a>                  </li>                  <li class="nav-item">                      <a class="nav-link" href="#">Blog</a>                  </li>              </ul>          </div>      </nav>    </header>有什么想法可以實現這一目標嗎?我已經做了很多搜索,但是大多數解決方案都是針對Bootstrap 3的。
查看完整描述

3 回答

  • 3 回答
  • 0 關注
  • 1228 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號