自定义宣传单弹出滚动条

Question

我有一个传单弹出。滚动条是当前的默认设置。

我想使用一个自定义的滚动条，比如由malihu开发的那个。我已经包含了所有的库和css。但是，我不确定在哪里添加标签来初始化自定义滚动条。我尝试过直接将内容包装在标签中，将其定义为popupstring：

<div class="mCustomScrollbar" data-mcs-theme="rounded-dark"> <p> some overflow content </p> </div>

并使用mypopup.setContent(popupstring)。这不起作用。我还尝试创建一个高度优先的容器，以容纳内容。也不起作用。

如何更改默认单张滚动条的外观？我想将左侧的滚动条更改为右侧的滚动条：

​

​

Answer 1

所以我想我想通了。基本上，在将弹出窗口添加到地图之后添加了这一行，以便更改滚动，并且它起作用了。也不需要标签出现在弹出内容中。

$(".leaflet-popup-scrolled").mCustomScrollbar({
theme: "rounded-dark"
});

如果弹出窗口是动态添加的，那么也需要这个，这样自定义滚动条就会在第一次更新

$(".leaflet-popup-scrolled").mCustomScrollbar("update");