jquery滚动条插件niceScroll用法

本文介绍了jQuery插件niceScroll的使用方法,包括从GitHub下载、通过CDN引入(要求jQuery库版本1.5.X以上)、以及如何进行初始化设置。详细配置可查阅官方文档。
摘要由CSDN通过智能技术生成

1.下载,GitHub

2.cdn引入,注意: 插件需要引入1.5.X以上版本的jquery库

3.初始化

$(function({
    // The document page (body) 滚动条插件初始化
    $("html").niceScroll(); 
    $("#scrollContainer").niceScroll({
            //cursorborder:"",  // CSS方式定义滚动条边框
            cursorwidth: "1px", // 滚动条的宽度,单位:便素
            //cursorborderradius: "4px", // 滚动条圆角(像素)
            cursorcolor:"#fff",    //滚动条颜色
            autohidemode: 'hidden', // 隐藏滚动条:一直掩藏    *
            //cursoropacitymax: 0.89, // 当滚动条是显示状态时改变透明度, 值范围 1 到 0
            
        }); 

        //测滚动条是否重置大小(当窗口改变大小时)
        //$("#mydiv").getNiceScroll().resize();
        //$("#mydiv").getNiceScroll(0).doScrollLeft(x, duration); // Scroll X Axis  滚动到某个位置

})
$("#scrolldiv").niceScroll({
        cur
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值