jQuery滑動固定插件scrollfix

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

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

使用場景

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

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

參數(shù)詳解

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

第一個：startTop:null

這個是定義什么時候指定的元素開始浮動，如果沒有設(shè)置，則默認(rèn)滾動指定元素位置開始浮動。如有指定，可以為startTop:"#startTop",當(dāng)元素到達(dá)這個標(biāo)簽的頂部時，則浮動出來。

第二個：startBottom:null

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

第三個：distanceTop:0

距離頂部的高度，默認(rèn)為0。

第四個：endPos:0

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

第五個：bottom:-1

默認(rèn)不使用位置為bottom的值，當(dāng)設(shè)置為0，將會停在窗口底端

第六個：zIndex:0

當(dāng)沒有設(shè)置這個值時，將默認(rèn)使用元素的css z-index值

第七個：baseClassName：scrollfixed

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

使用方法

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

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