传单控制无法提供准确的侧边栏

Question

我正在尝试重新创建/重做Turbo87创建的Leaflet边栏，因为该版本似乎只是旧版Leaflet，我需要我的设备对移动设备友好。但是，使用我现在拥有的当前代码，侧边栏没有滚动条可以滚动到屏幕外的文本。我知道他做了第2版，但我更喜欢这种风格，所以我想我会尝试将其更新为较新的Leaflet版本。

我已经获得了这个简单的版本，当您单击按钮时，该版本就会显示出来，并将div显示为“侧边栏”。但是，文本没有附带侧边栏。我已经尝试在CSS和onAdd函数中设置div的高度和最大高度，我尝试将overflow和overflow-y更改为无济于事，以及我能找到的所有其他解决方案。我要尝试做的就是确保侧边栏具有正常运行的滚动条（因为设置“ overflow-y：scroll”会提供一个空的滚动条）。

这是我的代码（或精简版）：

itemPriceList

Answer 1

您一定喜欢平面设计师。一位朋友指出，如果我将CSS的高度更改为：

height: 100%;

到

height: 100vh;

侧边栏突然得到滚动条。在对其进行测试之后，将其设置为略小于100（如下面的代码），它不会占用整个底部，因此我们可以留有余量。

height: 98vh;

感谢您最近的平面设计师。