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

Question

我的表内容标有div，高度为200px。表格内容是用户输入＆amp;动态的。我正在使用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>

  

JQuery的：

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