jquery.nicescroll参数说明
生活随笔
收集整理的這篇文章主要介紹了
jquery.nicescroll参数说明
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?https://github.com/inuyaksa/jquery.nicescroll/blob/master/README.md
始終初始化nicscroll(文檔)就緒語句。
// 1. Simple mode, it styles document scrollbar: $(function() { $("body").niceScroll(); });// 2. Instance with object returned: var nice = false; $(function() { nice = $("body").niceScroll(); });// 3. Style a DIV and change cursor color: $(function() { $("#thisdiv").niceScroll({cursorcolor:"#00F"}); });// 4. DIV with "wrapper", formed by two divs, the first is the vieport, the latter is the content: $(function() {$("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"}); });// 5. Get nicescroll object: var nice = $("#mydiv").getNiceScroll();// 6. Hide scrollbars: $("#mydiv").getNiceScroll().hide();// 7. Check for scrollbars resize (when content or position have changed): $("#mydiv").getNiceScroll().resize();// 8. Scrolling to a position: $("#mydiv").getNiceScroll(0).doScrollLeft(x, duration); // Scroll X Axis $("#mydiv").getNiceScroll(0).doScrollTop(y, duration); // Scroll Y Axis $("#thisdiv").niceScroll({cursorcolor: "#424242",// 更改十六進制中的光標顏色cursoropacitymin: 0,// 在光標處于非活動狀態時更改不透明度(Scrollabar“隱藏的”狀態),范圍為1到0cursoropacitymax: 1,// 在光標處于活動狀態時更改不透明度(滾動條“可見”狀態),范圍為1到0cursorwidth: "5px",// 光標寬度在像素中(您也可以寫“5px”)cursorborder: "1px solid #fff",// 光標邊框的CSS定義cursorborderradius: "5px",// 邊框半徑為光標的像素zindex: "auto" | [number],// 更改滾動條div的z-indexscrollspeed: 60,// 滾動速度mousescrollstep: 40,// 滾動速度鼠標滾輪(像素)touchbehavior: false,// 棄用!!使用“emulateTouch”emulatetouch: false,// 使能像桌面計算機中的觸摸設備等光標拖動滾動hwacceleration: true,// 支持時使用硬件加速滾動boxzoom: false,// 啟用zoom for box contentdblclickzoom: true,// 僅當boxzoom = true時)縮放雙擊框時激活gesturezoom: true,// 僅在boxzoom = true和觸摸設備時)縮放縮放/在框中縮放grabcursorenabled: true// (僅在觸摸行為= true)顯示“grab”圖標autohidemode: true,// 如何隱藏滾動條工作,可能的值:/*true |// 隱藏滾動時"cursor" |// 只有隱藏的游標false | // 不要隱藏,"leave" |// 僅在指針留下內容時隱藏"hidden" |// 始終隱藏"scroll",// 只顯示滾動*/background: "",// 更改鐵路背景的CSSiframeautoresize: true,// 自動加載事件上的iframecursorminheight: 32,// 設置最小光標高度(像素)preservenativescrolling: true,// 您可以使用鼠標滾動本機可滾動區域,冒泡鼠標滾輪事件railoffset: false,// 您可以添加偏移頂/左用于軌道位置bouncescroll: false,// (僅限HW Accell)在內容結束時啟用滾動彈跳,如移動式spacebarenabled: true,// 當空格欄按下時啟用頁面向下滾動railpadding: { top: 0, right: 0, left: 0, bottom: 0 },// 設置軌道欄的填充disableoutline: true,// 用于Chrome瀏覽器,選擇與Nicscroll的Div時禁用大綱(橙色突出顯示)horizrailenabled: true,// nicscroll可以管理水平滾動railalign: right,// 垂直導軌的對齊railvalign: bottom,// 水平導軌的對齊enabletranslate3d: true,// nicscroll可以使用CSS轉換為滾動內容enablemousewheel: true,// nicscroll可以管理鼠標輪事件enablekeyboard: true,// nicscroll可以管理鍵盤事件smoothscroll: true,// 輕松移動滾動sensitiverail: true,// 單擊rail make滾動enablemouselockapi: true,// 可以使用鼠標標題鎖API(對象拖動時相同的問題)cursorfixedheight: false,// 在像素中設置光標的固定高度hidecursordelay: 400,// 設置微秒延遲以消失滾動欄directionlockdeadzone: 6,// Dead區以像素為單位鎖定激活nativeparentscrolling: true,// 檢測內容底部,讓父圈滾動,因為本機滾動確實如此enablescrollonselection: true,// 在選擇文本時啟用內容的自動滾動cursordragspeed: 0.3,// 用光標拖動時選擇的速度rtlmode: "auto",// 水平div滾動在左側開始cursordragontouch: false,// 在觸摸/觸摸行為模式下拖動光標oneaxismousemode: "auto",// 它允許使用鼠標手的水平滾動僅在水平的內容上,如果偽(僅垂直)鼠標手不會水平滾動,如果值為自動檢測雙軸鼠標scriptpath: "",// 定義BoxMode圖標的自定義路徑(“”=>相同的腳本路徑)preventmultitouchscrolling: true// 阻止在multitouch事件上滾動disablemutationobserver: false// force mutationobserver禁用,enableobserver: true// 啟用dom更改觀察者,它試圖調整/隱藏/顯示父級或內容div已更改時scrollbarid: false // 為nicscroll欄設置自定義ID});?
總結
以上是生活随笔為你收集整理的jquery.nicescroll参数说明的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jedis jedispool Redi
- 下一篇: 《Note --- Unreal 4 -