nicescroll.js-如何禁用垂直滚动条?

时间:2018-07-12 13:39:43

标签: javascript html css reactjs nicescroll

我使用jquery-nicescroll

$(this.refs.container).niceScroll({
  cursorcolor: '#f16221',
  cursorwidth: '14',
  cursorminheight: '64',
  scrollspeed: '50',
  autohidemode: 'false',
  overflowy: 'false'
})

当前,它具有两个滚动条:垂直和水平。我需要隐藏/禁用垂直滚动条,但尚未找到解决方案。我尝试添加overflowy: 'false',但没有成功。 horizrailenabled: false效果很好,但垂直选项没有选择。

类似的问题: Disable Vertical Scroll in niceScroll Js

如何使用nicescroll隐藏垂直滚动条?

1 个答案:

答案 0 :(得分:2)

我建议添加以下jQuery代码以获取完整的解决方案,以禁用和隐藏垂直滚动条:

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();

(在https://code.google.com/archive/p/jquery-nicescroll/issues/27上有部分提及)