如何將自定義滾動條應用於Google Maps InfoWindow

Question

我有一個infowindow ，當內容不適合窗口時使用垂直滾動條。 我想將jquery自定義滾動條應用於帶有薄型圓形滾動條的infowindow （我認為這是默認外觀）。

在這里看小提琴。 我已經添加了所有必需的代碼，但是仍顯示默認滾動條。

加載：

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

添加皮膚：

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

CSS：

.mapInfoWindow {
    max-height: 100px;
}

編輯：在下面的答案后，滾動條現在在底部被切斷，請根據需要查看下面的圖像：

Answer 1

您可以使用setInterval調用customScrollbar並將jQuery Custom Scrollbar CSS文件鏈接到您的項目。

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