![](/img/trans.png)
[英]change static navbar to fixed on scroll when bottom of hero section is reached
[英]Navbar fixed bottom position and switch to static when scroll location reached
Bootstrap v3有可能嗎? 我一直在搜索,似乎必須自定義。
基本上,我有一個導航欄,位於內容區域的底部。 加載頁面時,如果導航欄代碼位置在視口中可見,則該位置應為靜態,但如果頁面較長且代碼位置不可見,則該位置應固定在底部。
就像頂部的導航欄,但底部的。
當然可以
1加載bootstrap.js,bootstrap.css和jquery.js
2將導航欄放在頁面的末尾
<div class=navbar data-spy="affix" data-offset-top="1">navbar</div>
3在您的頁面中添加一個類
.affix{bottom:0;}
而已。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.