jquery.nicescroll完美捲軸使用方法

來源:互聯網
上載者:User

標籤:space   mod   加速   ide   click   log   nic   填充   改變   

 

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    });

jquery.nicescroll完美捲軸使用方法

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.