引數
width:
'auto'
,
//可滾動區域寬度
height:
'100%'
,
//可滾動區域高度
size:
'10px'
,
//元件寬度
color:
'#000'
,
//滾動條顏色
position:
'right'
,
//元件位置:left/right
distance:
'0px'
,
//元件與側邊之間的距離
start:
'top'
,
//預設滾動位置:top/bottom
opacity: .4,
//滾動條透明度
alwaysvisible:
true
,
//是否 始終顯示元件
disablefadeout:
false
,
//是否 滑鼠經過可滾動區域時顯示元件,離開時隱藏元件
railvisible:
true
,
//是否 顯示軌道
railcolor:
'#333'
,
//軌道顏色
railopacity: .2,
//軌道透明度
raildraggable:
true
,
//是否 滾動條可拖動
railclass:
'slimscrollrail'
,
//軌道div類名
barclass:
'slimscrollbar'
,
//滾動條div類名
'slimscrolldiv'
,
//外包div類名
allowpagescroll:
true
,
//是否 使用滾輪到達頂端/底端時,滾動視窗
wheelstep: 20,
//滾輪滾動量
touchscrollstep: 200,
//滾動量當使用者使用手勢
borderradius:
'7px'
,
//滾動條圓角
railborderradius:
'7px'
//軌道圓角
demo
11 個最佳 jQuery 滾動條外掛程式
通過jquery滾動條外掛程式,你可以換掉千篇一律的預設瀏覽器滾動條,讓你的 或web專案更具特色,更有吸引力。本文收集了11款非常漂亮 實用的jquery滾動條外掛程式,你可以輕鬆將它們應用在自己的 中。1.windows 全屏視窗滾動外掛程式 該外掛程式可以很好地實現全屏滾動,每滾動一次即為一屏...
jquery滾動條操作
在開發專案時,常常需要展示大量資料。如果全部顯示出來,資料相對少時,看不出來什麼不同,如果資料很多時,一次請求全部顯示,這就相當可怕了。面對這種問題,pc裡使用了分頁效果,將資料分成一頁頁,換頁時請求當前頁資料,而螢幕較小的移動端,分頁就不怎麼好看了,常用的方法是滾動到底部時繼續載入資料 滾動載入其...
jQuery操作滾動條
一 窗體滾動條 1 獲取窗體滾動條當前縱向和橫向位置 var currenty document.body scrolltop 窗體滾動條縱向位置 var currentx document.body scrollleft 窗體滾動條橫向位置 2 設定窗體滾動條到指定位置 var y 想滾動到的垂直...