jquery nicescroll遇到的问题

2019-03-29  本文已影响0人  前端喵

可自定义滚动条,目前在谷歌浏览器有问题,待修改
edge浏览器下可用,

  1. horizrailenabled: false 禁用横向滚动
  2. 下面的代码禁用纵向滚动
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();

  1. 初始化时页面不出现滚动条,展开某个节点后滚动条依然不出现的解决办法。由于代码中打开选中文件夹后是带有动画效果的打开文件夹,因此设置一个延时函数在文件夹完全展开后重置滚动条
// 初始化滚动条
$('.tool-tree').niceScroll({});
...
...
...
// 展开文件夹操作内部
$treeItem.addClass('open'); // 添加类名
$treeItemMenu.slideDown(); // 打开文件夹(不是立刻打开)
setTimeout(function () {
  // 打开文件夹1s后重置滚动条
  $(".tool-tree").getNiceScroll().onResize();
},1000);
上一篇 下一篇

猜你喜欢

热点阅读