jquery.nicescroll完美滾動條使用方法 jquery.nicescroll完美滾動條使用方法

 

jquery.nicescroll完美滾動條使用方法（轉）

配置參數 ：
當調用「niceScroll」你能夠傳遞一些參數來定製視覺方面：

cursorcolor - 十六進制改變光標顏色，默認值是「＃000000」 
cursoropacitymin - 改變不透明度很是光標處於非活動狀態（scrollabar「隱藏」狀態），範圍從1到0， 
默認爲0（隱藏） 
cursoropacitymax - 改變不透明度很是光標處於活動狀態（scrollabar「可見」狀態），範圍從1到0，默 
認值是1（徹底不透明） 
cursorwidth - 像素光標的寬度，默認值爲5（你能夠寫「加入5px」太） 
cursorborder - 遊標邊框css定義，默認爲「1px的固體＃FFF」 
cursorborderradius - 以像素爲光標邊界半徑，默認爲??「遞四方」 
zIndex的 - 改變z-index值的滾動條的div，默認值是9999 
scrollspeed - 滾動速度，默認值爲60 
mousescrollstep - 高速滾動鼠標滾輪，默認值是40（像素） 
touchbehavior - 使光標拖動滾動像在臺式電腦觸摸設備（默認：false） 
hwacceleration - 使用硬件加速滾動支持的時候（默認：true） 
boxzoom - 使變焦框中的內容（默認：false）
dblclickzoom - （僅當boxzoom = TRUE）變焦激活時，雙擊對話框（默認：true） 
gesturezoom - （僅當boxzoom =真實，使用觸摸設備）上縮放框激活時，間距輸出/輸入（默認：true） 
grabcursorenabled，顯示「搶」圖標的div touchbehavior = true時，（默認：true） 
autohidemode，如何隱藏滾動條的做品，真=默認/「光標」=只進遊標隱藏/ false =不隱藏背景，CSS改變軌道的背景下，默認爲「」 
iframeautoresize，在加載事件AUTORESIZE的iframe（默認：true） 
cursorminheight，設置在像素的最小光標高度（默認值：20） 
preservenativescrolling，您能夠滾動本機可滾動區域用鼠標，冒泡鼠標滾輪事件（默認：true） 
railoffset，您能夠添加抵消頂部/左邊的軌道位置（默認：false） 
bouncescroll，使滾動彈跳在內容結尾做爲移動像（僅HW ACCELL）（默認：false） 
spacebarenabled，使向下翻頁時，空格鍵已經按下滾動（默認：true） 
railpadding，設置填充爲鐵路吧（默認值：{頂：0，右：0，左：0，下：0}） 
disableoutline，對於chrome瀏覽器，停用大綱（橙色hightlight）選擇具備nicescroll一個div（默認： 
true）時， 
horizrailenabled，nicescroll能夠管理水平滾動（默認：true） 
railalign，取向垂直導軌（defaul：「右」） 
railvalign，對齊水平導軌（defaul：「底部」） 
enabletranslate3d，nicescroll可使用CSS轉換爲滾動內容（默認：true） 
enablemousewheel，nicescroll能夠管理的鼠標滾輪事件（默認：true） 
enablekeyboard，nicescroll能夠管理鍵盤事件（默認：true） 
smoothscroll，滾動自如移動（默認：true） 
sensitiverail，點擊軌道上進行滾動（默認：true） 
enablemouselockapi，能夠用鼠標說明鎖的API（對象拖動一樣的問題）（默認：true） 
cursorfixedheight，用於光標在像素設置固定的高度（默認：false） 
hidecursordelay，設置在微秒淡出滾動條的延遲時間（默認值：400） 
directionlockdeadzone，在對方向鎖定激活像素死區（默認值：6） 
nativeparentscrolling，檢測內容底部，並讓家長來滾動，做爲原生滾動作（默認：true）
enablescrollonselection，啓用自動滾動的內容時，選擇文本（默認：true）

$().getNiceScroll().hide(); // 隱藏滾動條

$().getNiceScroll().size(); // 重置滾動條

 

$("#scrollInner").niceScroll(

  touchbehavior:false，cursorcolor:"#398F70",

　　　　　　cursoropacitymax:1,

　　　　　　cursorwidth:5,

        cursorborder:"none",
        cursorborderradius:"4px",
        background:"#2F7758",
        autohidemode:false
    });