Настройка всплывающей полосы прокрутки листовки

Question

У меня есть всплывающее окно. Полоса прокрутки в настоящее время используется по умолчанию.

Я хочу использовать вместо этого пользовательский скроллер, например, разработанный malihu . Я включил все библиотеки и css. Однако я не уверен, где добавить теги для инициализации пользовательского скроллера. Я попытался напрямую обернуть содержимое тега, определил его как popupstring:

<div class="mCustomScrollbar" data-mcs-theme="rounded-dark"> <p> some overflow content </p> </div>

и использовал mypopup.setContent(popupstring). Это не сработало. Я также попытался сначала создать контейнер с высотой для содержания. Также не работает.

Как изменить внешний вид полосы прокрутки листовки по умолчанию? Я хочу изменить полосу прокрутки слева на полосу прокрутки справа:

Answer 1

Так что, думаю, я понял это. В основном добавили эту строку после добавления всплывающего окна на карту, чтобы изменить прокрутку, и это сработало. Также не нужно, чтобы теги были во всплывающем контенте.

$(".leaflet-popup-scrolled").mCustomScrollbar({
theme: "rounded-dark"
});

Также это необходимо, если всплывающие окна добавляются динамически, чтобы пользовательская полоса прокрутки обновлялась в первый раз

$(".leaflet-popup-scrolled").mCustomScrollbar("update");