推薦一款基於vue的滾動條外掛程式vuescroll

2021-09-11 11:16:18 字數 1045 閱讀 1783

滾動條配置如下:

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,contentbar指的是滾動條的相關資訊,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...