Как применить пользовательскую полосу прокрутки к Google Maps infowindow

Question

У меня есть infowindow, который использует вертикальную полосу прокрутки, когда содержимое не подходит в окне. Я хотел бы применить jquery custom scrollbar к infowindow с тонкой закругленной полосой прокрутки (я думаю, что это скин по умолчанию).

См. Скрипку here. Я добавил весь необходимый код, но полоса прокрутки по умолчанию все еще отображается.

Загрузка:

$(document).ready(function() { 
    $(".mapInfoWindow").customScrollbar(); 
}); 

Добавление кожи:

content: '<div class="mapInfoWindow modern-skin">'... 

CSS:

.mapInfoWindow { 
    max-height: 100px; 
} 

EDIT: После ниже ответ, полоса прокрутки теперь отрезаны на дне , см. изображение ниже в соответствии с запросом:

Answer 1

Вы можете использовать setInterval для вызова customScrollbar и связать JQuery пользовательского Scrollbar CSS файл вашего проекта.

setTimeout(
    function() 
    { 
    $(".mapInfoWindow").customScrollbar(); 
    }, 3000 
); 

Link