使用完美滚动条插件在同一页面中添加多个滚动条

Question

我使用过完美的滚动条 js 插件。滚动条工作正常。但是当我为另一个内容（同一页面）再次添加此滚动条时，它不适用于 second div。如何使用此插件在同一页面中添加多个滚动条？

JS

jQuery(document).ready(function ($) {
      "use strict";
      $('#Default').perfectScrollbar();
    });

CSS

#Default.contentHolder { position:relative; margin:0px auto; margin-top: 20px; padding:0px; width: 285px; height: 450px; overflow: hidden; border: 1px solid #CCC; }

HTML

<div id="Default" class="contentHolder">
/*content goes here. scrollbar works fine here */
</div>

 <div id="Default" class="contentHolder">
    /*another content goes here. scrollbar does not work here*/
 </div>

Answer 1

对于最新版本使用这个

$('.dialogInner').each(function(){ const ps = new PerfectScrollbar($(this)[0]); });

https://github.com/utatti/perfect-scrollbar/issues/246#issuecomment-356918832