代码之家 › 专栏 › 技术社区 › Justinas Jakavonis

如何禁用垂直滚动条?

nicescroll reactjs css html javascript

Justinas Jakavonis · 技术社区 · 6 年前

$(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 回复 | 直到 6 年前

amartine 6 年前

为了获得完整的解决方案,我建议添加以下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 )