$("#thisdiv").niceScroll({
cursorcolor: "#424242",
/*
change cursor color in hex
改變卷軸條顏色,使用 16 進制顏色值
*/
cursoropacitymin: 0,
/*
change opacity when cursor is inactive (scrollabar "hidden" state), range from 1 to 0
當卷軸是隱藏狀態時改變透明度,值範圍 1 到 0 。
*/
cursoropacitymax: 1,
/*
change opacity when cursor is active (scrollabar "visible" state), range from 1 to 0
當卷軸是顯示狀態時改變透明度,值範圍 1 到 0 。
*/
cursorwidth: "5px",
/*
cursor width in pixel (you can also write "5px")
卷軸的寬度,單位:像素
*/
cursorborder: "1px solid #fff",
/*
css definition for cursor border
CSS 方式定義卷軸邊框
*/
cursorborderradius: "5px",
/*
border radius in pixel for cursor
卷軸圓角(像素)
*/
zindex: "auto" | [number],
/*
change z-index for scrollbar div
改變卷軸 DIV 的 z-index 值(auto或數字)
*/
scrollspeed: 60,
/*
scrolling speed
滾動速度
*/
mousescrollstep: 40,
/*
scrolling speed with mouse wheel (pixel)
鼠標滾輪的滾動速度(像素)
*/
touchbehavior: false,
/*
DEPRECATED!! use "emulatetouch"
觸發拖痕滾動
*/
emulatetouch: false,
/*
enable cursor-drag scrolling like touch devices in desktop computer
*/
hwacceleration: true,
/*
use hardware accelerated scroll when supported
觸發硬體加速
*/
boxzoom: false,
/*
enable zoom for box content
觸發放大盒的內容
*/
dblclickzoom: true,
/*
(only when boxzoom=true) zoom activated when double click on box
(僅當boxzoom = true 時有效)雙擊 box 時放大。
*/
gesturezoom: true,
/*
(only when boxzoom=true and with touch devices) zoom activated when pinch out/in on box
(僅 boxzoom=true 和觸控設備時有效)觸發變焦當 out / in(兩個手指外張或收縮)
*/
grabcursorenabled: true,
/*
(only when touchbehavior=true) display "grab" icon
*/
autohidemode: true,
/*
how hide the scrollbar works, possible values:
隱藏卷軸的方式,可用的值如下:
true |
// hide when no scrolling - 無滾動時隱藏
"cursor" |
// only cursor hidden - "光標" 隱藏
false |
// do not hide, - false 不隱藏
"leave" |
// hide only if pointer leaves content - "離開" 僅在指針離開內容時隱藏
"hidden" |
// hide always - "隱藏" 一直隱藏
"scroll",
// show only on scroll - "滾動" 僅在滾動時顯示
*/
background: "",
/*
change css for rail background
背景顏色
*/
iframeautoresize: true,
/*
autoresize iframe on load event
加載事件時自動重置 iframe 大小
*/
cursorminheight: 32,
/*
set the minimum cursor height (pixel)
設置卷軸的最小高度(像素)
*/
preservenativescrolling: true,
/*
you can scroll native scrollable areas with mouse, bubbling mouse wheel event
可以用鼠標滾動可滾動區域的卷軸和增加鼠標滾輪事件
*/
railoffset: false,
/*
you can add offset top/left for rail position
可用 top / left 來修正位置
*/
bouncescroll: false,
/*
(only hw accell) enable scroll bouncing at the end of content as mobile-like
(only hw accell) 啟用滾動跳躍的內容移動
*/
spacebarenabled: true, // enable page down scrolling when space bar has pressed
railpadding: { top: 0, right: 0, left: 0, bottom: 0 }, // set padding for rail bar
disableoutline: true, // for chrome browser, disable outline (orange highlight) when selecting a div with nicescroll
horizrailenabled: true, // nicescroll can manage horizontal scroll
railalign: right, // alignment of vertical rail
railvalign: bottom, // alignment of horizontal rail
enabletranslate3d: true, // nicescroll can use css translate to scroll content
enablemousewheel: true, // nicescroll can manage mouse wheel events
enablekeyboard: true, // nicescroll can manage keyboard events
smoothscroll: true, // scroll with ease movement
sensitiverail: true, // click on rail make a scroll
enablemouselockapi: true, // can use mouse caption lock API (same issue on object dragging)
cursorfixedheight: false, // set fixed height for cursor in pixel
hidecursordelay: 400, // set the delay in microseconds to fading out scrollbars
directionlockdeadzone: 6, // dead zone in pixels for direction lock activation
nativeparentscrolling: true, // detect bottom of content and let parent to scroll, as native scroll does
enablescrollonselection: true, // enable auto-scrolling of content when selection text
cursordragspeed: 0.3, // speed of selection when dragged with cursor
rtlmode: "auto", // horizontal div scrolling starts at left side
cursordragontouch: false, // drag cursor in touch / touchbehavior mode also
oneaxismousemode: "auto", // it permits horizontal scrolling with mousewheel on horizontal only content, if false (vertical-only) mousewheel don't scroll horizontally, if value is auto detects two-axis mouse
scriptpath: "" ,// define custom path for boxmode icons ("" => same script path)
preventmultitouchscrolling: true, // prevent scrolling on multitouch events
disablemutationobserver: false ,
/*
force MutationObserver disabled,
*/
enableobserver: true ,
/*
enable DOM changing observer, it tries to resize/hide/show when parent or content div had changed
*/
scrollbarid: false ,
/*
set a custom ID for nicescroll bars
*/
});