一：修改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 //是否隱藏滾動條

});

});

總結

以上是生活随笔為你收集整理的layui扩展第三方模块_Layui集成第三方插件nicescroll的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。