javascript - 如何将自定义滚动条应用于谷歌地图信息窗口

Question

infowindow当内容不适合窗口时，我有一个使用垂直滚动条的。我想将jquery 自定义滚动条应用于infowindow带有细圆形滚动条的（我认为它是默认皮肤）。

看这里的小提琴。我已经添加了所有必要的代码，但仍显示默认滚动条。

加载：

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

添加皮肤：

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

CSS：

.mapInfoWindow {
    max-height: 100px;
}

编辑：在下面的答案之后，滚动条现在在底部被切断，按要求见下图：

score 1 · Accepted Answer

您可以setInterval用于调用customScrollbarjQuery 自定义滚动条 css 文件并将其链接到您的项目。

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

1 回答 1