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

我有一个标有div的表格内容，高度为200px。表内容是用户输入的&动态的。我正在使用JQuery调整滚动条，但如果我使用overflow-y:scroll！重要的正常滚动显示在开始处。
如果div内容超过200px高度，那么JQuery滚动条将与普通滚动条一起出现

我想要的是： 我想显示JQuery滚动条始终可见，而不考虑div高度，但不使用正常滚动条，如下图所示

错误快照：

CSS:

#盒式卷轴{
高度：200px；
宽度：230px；
溢出-y:滚动！重要；}

JQuery:

在这里下载JQUERY

$（文档）.ready（函数（）{
var nicesx=$（“#boxscroll”）.nicesroll（{touchbehavior:false，cursorcolor:#CCC”，cursoropacitymax:0.8，cursorwidth:4，autohidemode:false}）；
});

HTML:

……内容在这里。。。。

我需要修改滚动条而不是普通滚动条。请看我给你的图片…所以你需要检查库文档，看看是否有它的设置，或者只是挖掘源代码进行更改。他们在这里有一些文档库文档没有提供始终可见的滚动条。。。很抱歉，我无法进行更改。这就是为什么张贴在这里：（对不起，我误解了你的qn！你只需要溢出-y:隐藏；nativeparentscrolling:false。我尝试等待，这只隐藏本机。你想显示JQuery滚动条始终可见，而不考虑div高度。让我看看是否可以实现这一点

<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>

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

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

<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;
}