jQuery scrollFix滾動定位外掛程式

2022-03-27 05:32:46 字數 1597 閱讀 3278

【外掛程式功能】

當使用者向上或向下滾動頁面到一定位置時,目標元素開始固定定位(position:fixed),當回滾到原位置時目標元素恢復到原狀態,可以定製觸發滾動相對螢幕位置和觸發滾動方向,相容ie6

【外掛程式引數】

$(".target_element").scrollfix( [ "top" | "bottom" | length(可以為負,表示相對bottom), [ "top" | "bottom" ] ]);

第乙個引數: 可選,預設為"top",當目標元素到了螢幕相對的位置時開始觸發固定,可以填乙個數值,如100,-200 ,負值表示相對於螢幕下方

第乙個引數: 可選,預設為"top",表示觸發固定的滾動方向,"top"表示從上向下滾動時觸發,"bottom"表示從下向上滾動時觸發

【**示例】

$("#a").scrollfix(-200);

滾動到距離下面200px時開始固定,預設從上到下觸發

$("#b").scrollfix(200,"bottom");

滾動到距離上面200px時開始固定,指定"bottom"從下到上觸發

$("#c").scrollfix("top","top");

滾動到距離上面0時開始固定,指定"top"從上到下觸發

$("#d").scrollfix("bottom","top");

滾動到距離下面0時開始固定,指定"bottom"從下到上觸發

;(function

($)

else

if (height < 0)

var that = $(this

), oldheight = false

, p, r, l =that.offset().left;

dir = dir == "bottom" ? dir : "top"; //

預設滾動方向向下

隨頁面滾動定位的側邊欄div懸浮框js外掛程式

由於平常寫 的時候經常遇到有乙個側邊欄懸浮框,需要伴隨網頁的滾動讓其一直處於視窗的可見區域,於是就寫了乙個基於jquery的通用的小外掛程式方便以後開發。具體效果如下圖所示 本外掛程式充分考慮了實際開發當中的各種需求,其中主要包括 1 頁面自適應 2 避免公共固定頭部和尾部的影響 3 當主體區域高度...

滾動條定位

首先來乙個例子 this is some text.this is some text.this is some text.this is some text.this is some text.this is some text.this is some text.this is some tex...

Vim快速定位插easymotion

在基礎篇我們講了很多vim中移動的命令比如 w e基於單詞移動,gg g檔案首尾,0 行首位fchar查尋字元 ctrl f ctrl u前後翻屏 那假如我想快速跳到當前視窗顯示區的任意位置呢?可以使用vim的搜尋 加上n跳轉,但是使用easymotion更方便 官方文件比較長,很多人沒有看懂怎麼用...