滾動條配置如下:
option
defaultvalue
description
ops,hbar:{}}
vbar(垂直滾動條) and hbar(水平滾動條) 的配置
scrollcontentstyle
{}
scrollcontent(滾動條包裹的內容)的樣式的配置,例如:
accuracy
5
精度,即如果滾動面板和滾動條內容相差的畫素在這個範圍內的話,滾動條不會顯示。
keepvbarshow/keephbarshow
false/false
是否保持垂直/水平滾動條顯示.
vbar/hbar
配置:
vbar/hbar
defaultvalue
description
background
hsla(220,4%,58%,.3)
滾動條背景顏色
width
5px
滾動條寬度
posleft(vbar)/bottom/(hbar)
滾動條位置
deltay/deltax
35
每次滾動條滾動的距離。
vuescroll的事件:
event
params
description
vscroll/hscroll
bar,content
bar指的是滾動條的相關資訊,content是滾動的內容的詳情資訊.
麻煩各位看官看完覺得好用給個star~,具體詳細介紹在github文件裡,專案位址如下: vuescroll
Nicescroll滾動條外掛程式的用法
nicescroll滾動條外掛程式是乙個非常強大的基於jquery的滾動條外掛程式,不需要增加額外的css,幾乎全瀏覽器相容。ie6 實現只需要一段 侵入性非常小,樣式可完全自定義,支援觸控事件,可在觸控螢幕上使用。引入核心檔案,外掛程式需要引入1.5.x以上版本的jquery庫 最簡單的用法如下 ...
簡易的阻尼滾動條的外掛程式
1 直接新增到html中就可以看到效果23 var speed 0 速度 不可改 4var s 6 速度 可配置 5var max 48 最大速度 最好是s的倍數 可配置 6var direction 0 方向 不可改 78 document on mousewheel function e els...
基於jquery的滾動選單 滾動條 的實現
本來是打算做乙個jquery外掛程式,只是本人水平屬於那種欠扁級別的,最近又比較忙,沒有時間學習jquery的外掛程式開發,所以,做這麼個小東西,供大家玩樂,呵呵.index.html是示例 scripts下的scrollable.js是這個小東西的js 寫的很爛,沒有什麼參考價值的.網路暱稱 se...