javascript - Google マップの情報ウィンドウにカスタムスクロールバーを適用する方法

Question

infowindowコンテンツがウィンドウに収まらない場合に垂直スクロールバーを使用するがあります。jqueryカスタムスクロールバーをinfowindow細い丸みを帯びたスクロールバーに適用したいと思います（デフォルトスキンだと思います）。

ここでフィドルを参照してください。必要なコードをすべて追加しましたが、デフォルトのスクロールバーがまだ表示されています。

読み込み中:

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

スキンの追加:

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

CSS:

.mapInfoWindow {
    max-height: 100px;
}

編集:以下の回答の後、スクロールバーが下部で切り取られます。要求に応じて下の画像を参照してください。

score 1 · Accepted Answer

jQuery Custom Scrollbar css ファイルをsetInterval呼び出してプロジェクトにリンクするために使用できます。customScrollbar

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

javascript - Google マップの情報ウィンドウにカスタム スクロールバーを適用する方法