美文网首页
jquery nicescroll遇到的问题

jquery nicescroll遇到的问题

作者: 前端喵 | 来源:发表于2019-03-29 17:05 被阅读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);
    

    相关文章

      网友评论

          本文标题:jquery nicescroll遇到的问题

          本文链接:https://www.haomeiwen.com/subject/eihrbqtx.html