scrollToFixed.js——導航...滾動固定
阿新 • • 發佈:2019-02-19
簡介
ScrollToFixed (jquery Fixed plugin)能夠讓網頁的導航或表頭等固定在頂部或底部,使用者更方便的操作或檢視資訊。除了導航和表頭,也可以固定其他內容,比如廣告、返回頂部等等。功能
固定某個元素的位置,在頁面滾動時,元素仍然顯示。使用方法
只需引入js及初始化即可,不需要寫額外的css樣式控制。
1 2 |
<script
type= "text/javascript" src= "jquery.min.js" ></script>
<script
type= "text/javascript" src= "jquery-scrolltofixed.js" ></script>
|
$('.topBar').scrollToFixed({zIndex: 99 });
$('.menuBd').scrollToFixed({ marginTop: 46, zIndex : 99 });
<div class="topBar">
...........
</div>
<div
class="menuBd">
...........
</div>