layui扩展第三方模块_Layui集成第三方插件nicescroll

一：修改nicescroll   github

/* jquery.nicescroll

-- version 3.7.6

-- copyright 2017-07-19 InuYaksa*2017

-- licensed under the MIT

--

-- https://nicescroll.areaaperta.com/

-- https://github.com/inuyaksa/jquery.nicescroll

--

*/

/* jshint expr: true */

(function (factory) {

if (typeof define === 'function' && define.amd) {

// AMD. Register as anonymous module.

define(['jquery'], factory);

} else if (typeof exports === 'object') {

// Node/CommonJS.

module.exports = factory(require('jquery'));

}else if (window.layui && layui.define) {  //layui加载

layui.define('jquery',function (exports) {

exports('nicescroll', factory(layui.jquery));

});

} else {

// Browser globals.

factory(jQuery);

}

}(function (jQuery) {

"use strict";

二：layui使用

layui.config({

base:'lib/nicescroll/jquery.'  //实际调用的js文件为 base+nicescroll.js。需根据实际情况修改

}).use(['nicescroll'], function() {

//代码

var $ = layui.jquery;

//美化滚动条

$(".flow-default").niceScroll({

cursorcolor: "#5B76A1", //#CC0071 光标颜色

cursoropacitymax: 1, //改变不透明度非常光标处于活动状态(scrollabar“可见”状态)，范围从1到0

touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备

cursorwidth: "5px", //像素光标的宽度

cursorborder: "0", // 游标边框css定义

cursorborderradius: "5px", //以像素为光标边界半径

autohidemode: false //是否隐藏滚动条

});

});