javascript - JQuery 使 div 自定义滚动条始终可见

Question

我有一个用 div 标记的表格内容，高度为 200px。表格内容是用户输入和动态的。我正在使用 JQuery 来调节滚动条，但如果我使用 overflow-y: scroll !important; 正常滚动出现在开头。
如果 div 内容超过 200px 高度，则 JQuery 滚动条与正常滚动条一起出现。

我想要的是： 我想显示 JQuery 滚动条始终可见，而与 div 高度无关，但不使用普通滚动条，如下图所示。

错误快照：

CSS：

<style type="text/css">
#boxscroll {
    height: 200px;
    width: 230px;   
    overflow-y: scroll !important;    }
</style>

查询：

<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>

在此处下载 JQUERY ... https://jquery-nicescroll.googlecode.com/files/jquery.nicescroll.340.zip

<script>
  $(document).ready(function() {
    var nicesx = $("#boxscroll").niceScroll({touchbehavior:false,cursorcolor:"#CCC",cursoropacitymax:0.8,cursorwidth:4,autohidemode:false});
  });
</script>

HTML：

<div  id="boxscroll">
<TABLE id="ItemTable" width="230" border="0" cellspacing="0" cellpadding="0">
....content goes here....
</TABLE>
</div>

Answer 1

<script>
  $(document).ready(function() {
    var nicesx = $("#boxscroll").niceScroll({nativeparentscrolling: false,touchbehavior:false,cursorcolor:"#CCC",cursoropacitymax:0.8,cursorwidth:4,autohidemode:false});
  });
</script>
        <style>
        #boxscroll {
            height: 200px;
            width: 230px;   
            overflow-y: hidden;    }
        </style>

这应该有效。

在任意高度显示滚动条：

.nicescroll-rails div{
    display: inline !important;
    min-height: 30px;
}
.nicescroll-rails {
    display: inline !important;
}