jquery滾動條外掛程式slimScroll

2022-08-28 18:36:08 字數 2106 閱讀 3618

引數

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 想滾動到的垂直...