Идеальная полоса прокрутки для нескольких классов на одной странице в Rails

Question

Выполняя некоторую работу, я заметил, что идеальная полоса прокрутки работает только для первого элемента в списке. Мы отображали страницу несколько раз в al oop. javascript функция, которая запускается в классе с использованием условия if, но она запускается только один раз, поэтому первое появление этого класса перенаправляется на полосу прокрутки. Теперь я использовал идентификатор с именем класса, чтобы дать каждому классу идеальную полосу прокрутки. Но моя Javascript функция выдает ошибку. Вот код ниже без использования идентификатора. JavaScript код

     `var len = $('.email-scroll-area').length;
     var i;
     if ($('.email-scroll-area').length > 0) {
         alert("inside if");
         for (i = 0; i < (len); i++) {
             alert("inside loop");
             var users_list = new PerfectScrollbar(".email-scroll-area");
         }
     }`

in html .erb

<div class="email-scroll-area <%= mail.id %>" id=<%= mail.id %>>

Это класс, который отображается снова и снова.

<div class="email-scroll-area 1 ps ps--active-y" id="1">

This это код, когда класс отображался первый раз, каждый класс будет выглядеть так, как только будет прикреплена идеальная полоса прокрутки.