jquery插件scrollfix：滑動到某個位置浮動起來

該jQuery插件主要解決滾動過程中固定某個元素，并支持到達某個位置后停止在那里隨頁面向上滾動，當滾回來時，重新固定起來。兼容IE6。

使用場景

當我們滾動網頁瀏覽時，我們想將側欄的某個廣告或者精選文章固定在那里，這樣用戶滾動下來時側欄就不是空白的，增加曝光率和點擊率，增加收入和流量。

當然有時候設計網頁時，側欄也會用到一邊是固定浮動在那里，一邊是滾動的。這種情況我們也同樣是可以用這個插件。

參數詳解

插件參數有4個，下面我將說明一下如何使用這個浮動固定插件

第一個：startTop:null

這個是定義什么時候指定的元素開始浮動，如果沒有設置，則默認滾動指定元素位置開始浮動。如有指定，可以為startTop:"#startTop",當元素到達這個標簽的頂部時，則浮動出來。

第二個：startBottom:null

這個同樣是定義元素什么時候開始浮動，跟上面不能沖突，只能指定一個。兩個如果都指定，則默認后面這個參數為準。這個是當元素滾動到startBottom:"#startBottom"的末端時開始浮動。

第三個：distanceTop:0

距離頂部的高度，默認為0。

第四個：endPos:0

距離頂部的高度為多少時停止浮動，并固定在相應位置，可以指定jquery對象，如:endPos:"#footer",也可以是數字：endPos:300.

第五個：bottom:-1

默認不使用位置為bottom的值，當設置為0，將會停在窗口底端

第六個：zIndex:0

當沒有設置這個值時，將默認使用元素的css z-index值

第七個：baseClassName：scrollfixed

當元素開始固定時給它添加一個class，你可以設置為你喜歡的類名。

使用方法

$("#fix").scrollFix({startTop:"#startTop",distanceTop:20,endPos:"#footer"});

具體你可以下載我里面提供的六個靜態文件，給出了六種可能性。希望你會喜歡上這個插件。enjoy it!