jquery.nicescroll参数说明

jQuery.nicescroll是一个轻量级的插件,用于美化网页的滚动条。它可以自定义滚动条的样式、颜色、透明度、速度等,并支持事件监听和内容改变时的响应。该插件适用于各种设备和浏览器,包括触摸设备,提供了多种配置选项来实现不同的滚动效果。
摘要由CSDN通过智能技术生成

 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到0
     cursoropacitymax: 1,//  在光标处于活动状态时更改不透明度(滚动条“可见”状态),范围为1到0
     cursorwidth: "5px",//  光标宽度在像素中(您也可以写“5px”)
     cursorborder: "1px solid #fff",//  光标边框的CSS定义
     cursorborderradius: "5px",//  边框半径为光标的像素
     zindex: "auto" | [number],//  更改滚动条div的z-index
     scrollspeed: 60,//  滚动速度
     mousescrollstep: 40,//  滚动速度鼠标滚轮(像素)
     touchbehavior: false,//  弃用!!使用“emulateTouch”
     emulatetouch: false,//  使能像桌面计算机中的触摸设备等光标拖动滚动
     hwacceleration: true,//  支持时使用硬件加速滚动
     boxzoom: false,//  启用zoom for box content
     dblclickzoom: true,//  仅当boxzoom = true时)缩放双击框时激活
     gesturezoom: true,//  仅在boxzoom = true和触摸设备时)缩放缩放/在框中缩放
     grabcursorenabled: true//  (仅在触摸行为= true)显示“grab”图标
     autohidemode: true,//  如何隐藏滚动条工作,可能的值:
     /*
     true |//  隐藏滚动时
       "cursor" |//  只有隐藏的游标
       false | //   不要隐藏,
       "leave" |//  仅在指针留下内容时隐藏
       "hidden" |//  始终隐藏
       "scroll",//  只显示滚动
     */
     background: "",//  更改铁路背景的CSS
     iframeautoresize: true,//  自动加载事件上的iframe
     cursorminheight: 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
 });                    

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

心歌技术

打赏不能超过你的早餐钱!!!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值