javascript - divのカスタマイズされたスクロールバーを常に表示するJQuery

Question

高さ200pxのdivでマークされたテーブルコンテンツがあります。テーブル コンテンツはユーザー入力 & 動的です。JQuery を使用してスクロール バーを調整していますが、 overflow-y を使用する場合: scroll !important; 通常のスクロールが最初に表示されます
。div コンテンツが 200px の高さを超えると、通常のスクロール バーとともに JQuery スクロール バーが表示されます。

私が欲しいのは： 下の画像に示すように、divの高さに関係なくJQueryスクロールバーを常に表示したいのですが、通常のスクロールバーでは表示したくありません。

エラーのスナップショット:

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>