Как пройтись по всем элементам скроллбара mCustomScrollbar и сравнить высоту контейнера и высоту содержимого внутри?

Question

[frontend-front]

У меня есть блоки, к которым подключается скроллбар mCustomScrollbar,
Я проверяю, если высота содержимого внутри больше родительского контейнера, то я добавляю размытие внизу родительского контейнера, чтобы было видно, что содержимое еще можно прокрутить.

Подключаю плагин таким образом:

var params = {
  // объект параметров плагина
};

// Инициализируем при загрузки DOM
initScrollbar($('.mCustomScrollbar'), params);

//функция инициализации
function initScrollbar($selector, options) {
  $selector.mCustomScrollbar(options || {});

  var mCSB_container = $(".mCSB_container").outerHeight(); // содержимое с текстом (может быть больше контейнера)
  var mCustomScrollBox = $(".mCustomScrollBox").outerHeight(); //максимальная высота контейнера

  if (mCSB_container > mCustomScrollBox) {
     console.log("добавяем размытие"); 
  } else {
    console.log("убираем размытие"); 
  }
  
}

Но если у меня два блока с подключением скролла на странице, у одного нечего прокручивать (содержимого пока не много), а у второго есть что прокручивать, то из-за первого блока второму тоже не добавляется размытие.
Как мне пройтись по всем блокам и добавлять тень, только тому, содержимое чего можно прокручивать?

Answer 1

[Евгений]

Нужно в цикле проходить по контейнерам и делать проверку