1. 程式人生 > >scrollToFixed.js——導航...滾動固定

scrollToFixed.js——導航...滾動固定


簡介

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>