jquerySmilebar自定义滚动条美化特效

来源:https://www.sucaihuo.com/js/5243.html 2021-03-24 09:24浏览(28) 收藏

jquerySmilebar自定义网页滚动条美化特效,横向纵向滚动条都美化了,带抓手功能。
jquerySmilebar自定义滚动条美化特效
分类:其它特效 > jQuery插件 难易:中级
查看演示 下载资源: 0 下载资源 下载积分: 20 积分

配置:

/* 默认配置 */
var config = {
    type: "xy", //类型  //x:水平 y:垂直  除"x"和"y":水平垂直
    size: "12px", //滚动条大小
    color: "#252a35", //滚动条颜色
    silderSize: "60%", //滑块大小  范围[20%-100%]
    silderColor: "#404550", //滑块颜色
    clickBln: true, //点击开关  //其他激活方法:实例加上字段:data-click="true"
    keyBln: true, //键盘开关  //其他激活方法:实例加上字段:data-key="true"
    keySpeed: 1, //键盘移动速率    范围(0-100]
    wheelBln: true, //滚轮开关  //其他激活方法:实例加上字段:data-wheel="true"
    wheelSpeed: 1, //键盘移动速率  范围(0-100]
    handBln: false, //抓手功能开关  //其他激活方法:实例加上字段:data-hand="true"
    handSpeed: 30, //抓手速率   范围(0-100]
    initPosition: { //初始移动位置
        x: 0, //x轴  三种写法:1:number(px单位) 2:string("%"单位)
        y: 0 //y轴          3:string ("first":顶端  "center":中间  "last":末尾)
    },
};
标签: 滚动条
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2