我用過完美滾動條js插件。滾動條工作正常。但是當我為另一個內容(同一頁)再次添加滾動條時，它對第二個div不起作用。如何使用這個插件在同一個頁面中添加多個滾動條？

射流研究…

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

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

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

超文本標記語言

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

對于最新版本，請使用此

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

https://github . com/ut atti/perfect-scroll bar/issues/246 # issue comment-356918832

使用類來分配插件。 例如:

$('.contentHolder').perfectScrollbar();

或者你也可以用。每個循環如果不工作。例如:

$('.contentHolder').each(function(){
    $(this).perfectScrollbar();
});

感謝貢獻一個堆棧溢出的答案！

請務必回答問題。提供詳細信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應其他答案。根據意見發表聲明；用參考資料或個人經歷來支持他們。要了解更多，請查看我們關于撰寫精彩答案的提示。