可自定义滚动条,目前在谷歌浏览器有问题,待修改
edge浏览器下可用,
- horizrailenabled: false 禁用横向滚动
- 下面的代码禁用纵向滚动
var nice =
$(this.refs.container).niceScroll({
cursorcolor: '#f16221',
cursorwidth: '14',
cursorminheight: '64',
scrollspeed: '50',
autohidemode: 'false',
overflowy: 'false'
});
var _super = nice.getContentSize;
nice.getContentSize = function () {
var page = _super.call(nice);
page.h = nice.win.height();
return page;
}
$('.nicescroll-rails.nicescroll-rails-vr').remove();
- 初始化时页面不出现滚动条,展开某个节点后滚动条依然不出现的解决办法。由于代码中打开选中文件夹后是带有动画效果的打开文件夹,因此设置一个延时函数在文件夹完全展开后重置滚动条
// 初始化滚动条
$('.tool-tree').niceScroll({});
...
...
...
// 展开文件夹操作内部
$treeItem.addClass('open'); // 添加类名
$treeItemMenu.slideDown(); // 打开文件夹(不是立刻打开)
setTimeout(function () {
// 打开文件夹1s后重置滚动条
$(".tool-tree").getNiceScroll().onResize();
},1000);
网友评论