javascript - 同じCSSを使用する2つのスクロールバー

Question

カスタム スクロールバーを使用しています。1 つのスクロールバーを追加するのは非常に簡単ですが、2 番目を追加したい場合は、1 つの mCustomScrollbar.css を 2 回使用します。その 2 番目の div を変更する方法がわかりません。デモ カスタム スクロールバーのコードを見ていましたが、これは失敗します。

Jクエリ

(function($){
    $(window).load(function(){
        $(".suwak").mCustomScrollbar();
    });
})(jQuery);

HTML

<link href="scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>

<div class="suwak"> content with first scrollbar </div>
<div class="suwak2"> content with second scrollbar </div>

単純な CSS もあります

.suwak{
position:relative;
width:475px;
height:300px;
background-color: #000e1b;
color: white;
overflow:hidden
margin-top:160px;
margin-left: 15px;
}