Comment appliquer une barre de défilement personnalisée à Google Maps infowindow

Question

J'ai un infowindow qui utilise une barre de défilement verticale lorsque le contenu ne rentre pas dans la fenêtre. Je voudrais appliquer le jquery custom scrollbar au infowindow avec la barre de défilement arrondie mince (je pense que c'est la peau par défaut).

Voir le violon here. J'ai ajouté tout le code nécessaire, mais la barre de défilement par défaut est toujours affichée.

Chargement:

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

Ajout de la peau:

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

CSS:

.mapInfoWindow { 
    max-height: 100px; 
} 

EDIT: Après la réponse ci-dessous, la barre de défilement est maintenant coupé en bas , voir l'image ci-dessous comme demandé:

Answer 1

Vous pouvez utiliser setInterval pour appeler customScrollbar et lien fichier css jQuery personnalisé Scrollbar à votre projet.

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

Link