日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

中國(guó)最全I(xiàn)T社區(qū)平臺(tái) 聯(lián)系我們 | 收藏本站
阿里云優(yōu)惠2

Jquery集合

瀏覽聲明

UI

分類插件

模態(tài)框

滾動(dòng)輪播

拖拉排序

多選框

滾動(dòng)條

Loading

移動(dòng)端

提示框

功能性插件

瀑布流

  • CSS3立方體小照片
  • D3.js logo可視化庫(kù) D3.js
  • 圖片處理

    banner特效

    jQuery滑動(dòng)固定插件scrollfix

    閱讀 (2301)

    ie兼容6
    插件描述:jQuery滑動(dòng)固定插件scrollfix滾動(dòng)到某個(gè)位置固定起來(lái)

    jquery插件scrollfix:滑動(dòng)到某個(gè)位置浮動(dòng)起來(lái)

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

    使用場(chǎng)景

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

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

    參數(shù)詳解

    參數(shù)名字參數(shù)值參數(shù)作用
    startTopnull開始固定的jquery對(duì)象的頂部
    startBottomnull開始固定的jquery對(duì)象末端,兩個(gè)參數(shù)都設(shè)置的話,默認(rèn)后面參數(shù)生效
    distanceTop0/null數(shù)值,距離頂部的高度,可以為高度或者jquery對(duì)象
    endPosnull/0距離底部的高度,可以為高度或者jquery對(duì)象
    bottom-1默認(rèn)不使用位置為bottom的值,當(dāng)設(shè)置為0,將會(huì)停在窗口底端
    zIndex0當(dāng)沒有設(shè)置這個(gè)值時(shí),將默認(rèn)使用元素的css z-index值
    baseClassName'scrollfixed'當(dāng)元素開始固定時(shí)給它添加一個(gè)class,你可以設(shè)置為你喜歡的類名。


    插件參數(shù)有4個(gè),下面我將說(shuō)明一下如何使用這個(gè)浮動(dòng)固定插件

    第一個(gè):startTop:null

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

    第二個(gè):startBottom:null

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

    第三個(gè):distanceTop:0

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

    第四個(gè):endPos:0

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

    第五個(gè):bottom:-1

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

    第六個(gè):zIndex:0

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

    第七個(gè):baseClassName:scrollfixed

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

    使用方法

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

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



    關(guān)閉
    程序員人生
    主站蜘蛛池模板: 国产小视频在线 | 国产精品国产精品国产专区不卡 | 成人在线免费网站 | 日韩成人精品视频 | 91精品国产高清一区二区三区 | 久久九九久久精品 | 婷婷99狠狠躁天天躁中文字幕 | 国产一区二区三区在线视频 | 天堂四月婷婷 | 一区二区精品在线 | 天天爽夜夜爽夜夜爽精品视频 | 日韩毛片免费视频一级特黄 | 国产免费小视频 | 精品美女久久久久久免费 | 免费黄色一级片 | 亚洲精品99 | 一级免费视频 | 国产精品一区在线观看 | 狠狠躁日日躁夜夜躁影院 | 亚洲精品黄 | 麻豆传媒免费观看 | 国产精品久久久久久一区二区三区 | 国产久| 国产欧美日韩综合精品 | 色综合久久久久综合99 | 成人91在线 | 超碰在 | 亚洲一区二区三区精品视频 | 青青草综合网 | 日日操夜夜爽 | 成人观看 | 国产在线一区二区 | 午夜精品视频 | 国产午夜一区二区三区 | 99精品欧美一区二区蜜桃免费 | 中文字幕不卡一区 | 亚洲爽爽网 | 国产久| 欧美一级久久精品 | 国产精品视频在线观看 | 国产精品一区二区久久久 |