簡易的阻尼滾動條的外掛程式

2022-05-14 02:31:23 字數 705 閱讀 7546

1

//直接新增到html中就可以看到效果23

var speed = 0; //

速度(不可改)

4var s____ = 6; //

速度(可配置)

5var max__ = 48; //

最大速度:最好是s的倍數(可配置)

6var direction = 0; //

方向(不可改)

78 $(document).on("mousewheel", function

(e) else

19 }, 1);

20//

緩衝(阻尼實現)

21 t2 = settimeout(function

() else

28 }, 1);29}

30//

重新整理speed的值,實現加速,轉向等

31if (delta < 0)

37if (speed <= max__) speed +=s____;

38else

41 } else

47if (speed >= -max__) speed -=s____;

48else

51};

52 });

Nicescroll滾動條外掛程式的用法

nicescroll滾動條外掛程式是乙個非常強大的基於jquery的滾動條外掛程式,不需要增加額外的css,幾乎全瀏覽器相容。ie6 實現只需要一段 侵入性非常小,樣式可完全自定義,支援觸控事件,可在觸控螢幕上使用。引入核心檔案,外掛程式需要引入1.5.x以上版本的jquery庫 最簡單的用法如下 ...

jquery滾動條外掛程式slimScroll

引數 width auto 可滾動區域寬度 height 100 可滾動區域高度 size 10px 元件寬度 color 000 滾動條顏色 position right 元件位置 left right distance 0px 元件與側邊之間的距離 start top 預設滾動位置 top bo...

自定義滾動條外掛程式

本外掛程式是對tinyscrollbar外掛程式的乙個封裝。因為在用的時候需要同時引用css和js檔案,同時還需要修改dom結構,比較麻煩,為了方便起見,將tinyscrollbar.css和tinyscrollbar.js檔案都用js引入,修改dom的方法也放在js檔案中。具體 使用方法 1 引入...