【外掛程式功能】
當使用者向上或向下滾動頁面到一定位置時,目標元素開始固定定位(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更方便 官方文件比較長,很多人沒有看懂怎麼用...