如何将自定义滚动条应用于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
);