$('#boxscroll').niceScroll({ cursorcolor: "#dcdee0", //滚动条的颜色 cursoropacitymax: 1, //滚动条的透明度,从0-1 touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备 cursorwidth: "8px", //滚动条的宽度 cursorborder: "0", // 游标边框css定义 cursorborderradius: "5px", //以像素为光标边界半径 圆角 autohidemode: false, //是否隐藏滚动条 true的时候默认不显示滚动条,当鼠标经过的时候显示滚动条 zindex: "auto", //给滚动条设置z-index值 railpadding: { top: 0, right: -4, left: 0, bottom: 0 }, //滚动条的位置 });
首先感谢作者的插件,发现滚动条是无法跟随内容高度变化的(已第一次高度渲染),可以这样赖皮解决:
$(ele).css('overflow','auto'); $('ele').niceScroll({ ...}); $(ele).css('overflow','hidden');
滚动条重新渲染了。