自定义传单弹出滚动条

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");